Zero is a modern, all-in-one productivity suite designed to help you find your flow and stay in it. Built with a sleek macOS-inspired desktop interface, it brings together all the tools you need—from Pomodoro timers to ambient sounds—into a single, beautiful workspace.
- Window Management: Fully draggable and resizable application windows.
- Interactive Dock: Quick access to your favorite productivity tools.
- Menu Bar: System-wide controls and real-time information.
- Command Palette: Search and launch anything instantly with
Ctrl+K(orCmd+K).
- ⏱️ Pomodoro Timer: Custom intervals with notification support to manage focus sessions.
- 🎵 Ambient Sounds: A curated selection of high-quality background audio (Rain, Cafe, White Noise, etc.).
- 📋 Kanban Board: Visual task management with drag-and-drop functionality.
- ✅ Todo App: Stay on top of your daily tasks with ease.
- 📈 Habit Tracker: Build and maintain long-term routines with visual progress tracking.
- 📝 Rich Text Notepad: A powerful editor powered by Tiptap for capturing your thoughts.
- 📺 YouTube Player: Integrated player with a mini-player mode for focused listening.
- Dynamic Themes: Multiple curated themes and appearance modes.
- Exchange Rates: Real-time currency conversion tool.
- Responsive Design: Works beautifully across different screen sizes.
- Core: React 19, TypeScript 6, Vite 6
- Styling: Tailwind CSS 4, Framer Motion (Animations)
- UI Components: Radix UI (Primitives), Lucide & Tabler Icons
- State Management: Zustand
- Editor: Tiptap
- Charts: Recharts
- Drag & Drop: @dnd-kit
- Media: React Player
-
Clone the repository
git clone https://github.com/am-v/zero.git cd zero -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Build for production
npm run build
src/
├── components/ # UI Components & App Modules
│ ├── apps/ # Individual productivity apps (Todo, Kanban, etc.)
│ ├── ui/ # Reusable Radix-based UI primitives
│ └── ... # Desktop environment components (Dock, MenuBar)
├── hooks/ # Custom React hooks
├── lib/ # Utility functions and library configurations
├── types/ # TypeScript type definitions
├── App.tsx # Main application entry point
└── main.tsx # React hydration and global styles
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Entirely vibe-coded using Gemini on Antigravity.