Productivity components
5 Productivity components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: FocusStatusChip, PomodoroCard, QuickCapture, Scheduler, TimeTracker.
- FocusStatusChipFocus presence, a header status chip with the time left, an avatar with an in-focus dot, and a do not disturb switch. focusStateOf derives the state from a pomodoro.
- PomodoroCardA pomodoro with focus, short and long breaks. usePomodoro runs the cycle drift-free, PomodoroCard shows the ring, dots and linked task, and BreakLockScreen is the full-screen break.
- QuickCaptureA capture window opened by a global shortcut to jot a note or clip a page, with tags, a destination and save with Ctrl or Cmd plus Enter.
- SchedulerRead-only day, week and month schedule with overlap-aware event blocks, plus SlotPicker, a booking-style Calendar and radio list of available times.
- TimeTrackerA running timer with project and task picker, manual time entries, an entries list grouped by day, and a day or week timesheet grid with totals.
UpgradeDialog
The in-app ways to ask for an upgrade — a promotion popup with plans and an offer countdown, a banner, a sidebar card, a feature gate and a Pro badge.
FocusStatusChip
Focus presence, a header status chip with the time left, an avatar with an in-focus dot, and a do not disturb switch. focusStateOf derives the state from a pomodoro.