Plate 01 / 11 · 2026 · Nuxt · Firebase · Tailwind
klndr
klndr is a visual day planner for time-blocking. It connects the month calendar with an hour-by-hour plan, so each day is shaped by dragging activities onto a timeline rather than managing a to-do list.
Key features
- Month view with an at-a-glance summary of each day's blocks
- Day view with a quarter-hour timeline, where activities snap, stretch and nudge with the arrow keys
- Reusable activity templates for emoji, color, category and typical length
- Daily routines checklist and markdown notes for every date
- Google sign-in with sync across devices
- Light and dark themes, with bottom sheets and tap-to-place on mobile
- Landing page with scroll reveals and a live planner preview
Tech stack
Nuxt 3, Vue 3, TypeScript, Tailwind CSS v4, Firebase (Auth and Firestore), signed session cookies with jose.
