"The void is not empty; it is full of possibility."
Kanso is a Zen-Modernist task management and focus tool. It fuses the Japanese philosophy of Kanso (simplicity) with Swiss Modernism to create a quiet, high-density environment for deep work.
- Ma (The Void): We use active negative space to organize content, not borders or shadows.
- Seijaku (Calm): All interactions feature physical, dampened weight for an energized sense of calm.
- Ink & Matte: High-contrast typography ("Ink") on flat, soft-matte surfaces.
- Global Command Menu:
Ctrl/Cmd + Kfor instant search, navigation, and actions. - Micro & Macro Views: Shift between Masonry Grid, Board, and List views instantly with
1/2/3. - Project Structure: Multi-layered project management with archiving and mobile-native drawers.
- Habit Mastery: Standardized habit tracking with haptic feedback and longevity insights.
- Activity Heatmap: Track focus minutes and habit completions via a visual consistency chart.
- Focus Timer: PiP-enabled Pomodoro engine with real-time stats.
- Private Mode: A zero-footprint experience running entirely in
localStorage. - WebDAV & CalDAV: Sync with personal servers (Nextcloud, Synology, iCloud) without an account.
- Export/Import: Universal
.zipbackups and.ics(RFC 5545) portability.
| Shortcut | Action |
|---|---|
1 - 6 |
Quick Navigation (Home, Habits, Calendar, Stats, Focus, Settings) |
Shift + 1 / 2 / 3 |
Switch View (Grid / Board / List) |
Ctrl/Cmd + K |
Open Command Palette |
Ctrl/Cmd + B |
Toggle Sidebar |
N / H / E / P |
Create New (Task, Habit, Event, Project) |
Shift + H |
View all Shortcuts |
- Web App: usekanso.vercel.app
- Guest Mode: Try the full experience instantly, no account required.
- Next.js 16.1.0 (App Router) and Supabase (Postgres/Realtime/SSR)
- TanStack Query v5.90+ (Persistence via IndexedDB) and Zustand
- React 19.2.3 (Pre-optimized for Concurrent Mode)
- Tailwind CSS v4 and Shadcn UI (Radical Minimalism)
- Framer Motion and @dnd-kit (Optimized Flat-DOM implementation)
- Serwist for Typed Service Worker & PWA support
- react-activity-calendar and Recharts for data visualization
- tsdav and ical.js for calendar synchronization and portability
- Node.js 20+
- A Supabase project with the schema from
supabase/schema.sql
- Clone the repository
- Install dependencies:
npm install
- Set up your environment:
Add your Supabase keys to .env.local
cp .env.example .env.local
- Start the dev server:
npm run dev