A cozy typewriter calendar that turns your daily reminders into cinematic printed receipts. 🧾✨
Ship date: July 10, 2026 🌸
Most calendar apps nag you. Ping. Buzz. Red dot. Anxiety.
Clatter is different.
Clatter is a cottagecore desktop calendar built around a vintage typewriter. When a reminder fires, a beautiful floral-bordered receipt scrolls out of the typewriter roller — letter by letter, with real typewriter sounds, ending with a satisfying ding.
It doesn't nag you. It gifts you a reminder. 🎁
Set a reminder for 3:00 PM. Walk away. Live your life.
At 3:00 PM sharp, your typewriter comes alive:
- 🖋️ Paper scrolls up through the roller
- ⌨️ Your note types out letter by letter (with real click sounds!)
- 🔔 A gentle ding announces it's ready
- ✂️ You "tear off" the receipt when done
This isn't a notification. It's a tiny cinematic moment in your day.
- Beautiful monthly view with month navigation
- Today's date highlighted in pink
- Click any date to add notes, stamps, or reminders
- Write anything on any date
- Handwritten font for that diary feel
- Edit, update, or delete anytime
Tag your dates with mood/type markers:
| 🎂 Birthday | 💕 Love | ⭐ Special | ☕ Coffee | 🌸 Self-care | 🐾 Pet |
|---|---|---|---|---|---|
| 💼 Work | 📖 Study | ⏰ Deadline | ➕ Health | 🎵 Event | 🎁 Gift |
- Set an optional time when creating a note
- Auto-triggers the receipt animation at that time
- No permission popups, no browser nags — just pure magic
- Floral cream paper with torn edges
- Real typewriter letter-by-letter effect
- Custom paw print branding
- Cinematic scroll-out from the typewriter roller
- Click sound per letter (adjustable volume)
- Classic ding + paper roll on completion
- Satisfying paper tear on close
- Toggle sounds on/off (preference saved!)
- All notes, stamps, reminders saved locally
- Sound preferences remembered
- Zero backend, zero accounts, 100% private
Cottagecore Kawaii meets Vintage Typewriter
Clatter is what you'd get if a Studio Ghibli movie designed a calendar app. Warm, romantic, playful, tactile.
- 💗 Rose Pink
#C73E5F— the main character - 🍦 Cream Paper
#F5E6C8— soft warmth - 🌿 Teal Accent
#4A9B8E— playful pop - ❤️ Poppy Red
#D63838— vintage floral vibes - 🖤 Deep Ink
#4A1F2E— grounded elegance
- Special Elite — authentic typewriter feel
- Courier Prime — monospaced elegance
- Caveat — handwritten softness for notes
- ⚛️ React 18 + TypeScript — modern, type-safe
- ⚡ Vite — lightning-fast dev experience
- 🎬 Framer Motion — buttery smooth animations
- 📅 date-fns — clean date handling
- 🎨 Custom CSS — hand-crafted cottagecore design system
- 💾 LocalStorage — zero-backend persistence
- Node.js 18+
- npm
Clone the repository:
git clone https://github.com/bistighosh16/clatter.gitcd clatter
Install dependencies:
npm install
Start the dev server:
npm run dev
Open http://localhost:5173 in your browser and start clattering! 🖋️✨
- Click any date on the calendar
- Write a cozy note in the modal
- Pick a stamp to visually tag the day (optional)
- Set a reminder time (optional!)
- Save and watch a beautiful receipt print immediately
- If you set a reminder — walk away and let the magic surprise you at that time!
All visual assets are custom-generated for Clatter's unique aesthetic:
- 🖋️ Typewriter illustration — Custom-prompted cottagecore design
- 🎨 12 rubber stamps — ink texture style
- 🧾 Receipt paper template — vintage floral bordered design
- 🎵 Sound effects — royalty-free from Pixabay
| Traditional Calendar | Clatter |
|---|---|
| Cold digital notifications | Cinematic printed receipts |
| Same UI everywhere | Cottagecore art direction |
| Emojis for events | Hand-drawn custom stamps |
| Requires accounts | 100% local + private |
| Functional | Emotional |
- 📅 Weekly / daily view
- 🎨 Multiple typewriter color themes
- 🌅 Morning digest receipt on startup
- 📊 Streaks & stats
- 🖥️ Desktop app via Tauri
- 📸 Export receipts as shareable images
- 🌐 Optional cloud sync
- 🔁 Recurring reminders
Clatter started as a simple question: "What if reminders felt like little gifts instead of interruptions?"
Every design decision — from the flowers on the typewriter to the paw print on the paper to the letter-by-letter typing — was made with intention. This isn't just an app. It's a small piece of everyday magic.
I hope it makes your days a little cozier. 🌸
Made with 💕🐾 by Vivi
Building tiny cinematic experiences, one commit at a time. ✨
⭐ Star this repo if Clatter made you smile!