A 60-second interactive mindfulness experience that rewards being slow. Stretch elastic light, breathe, let go, and create shareable generative art.
- Framework: Next.js 14 (App Router, TypeScript)
- 3D: React Three Fiber + drei + postprocessing
- Animation: Motion (Framer Motion v12), GSAP
- Audio: Tone.js (ambient drone, breath sync, pluck synth)
- Gestures: @use-gesture/react
- Styling: Tailwind CSS
- Analytics: Vercel Analytics
npm install
npm run devOpen http://localhost:3000.
| Command | Description |
|---|---|
npm run dev |
Start dev server |
npm run build |
Production build |
npm run start |
Serve production build |
npm run lint |
Run ESLint |
npm run analyze |
Build with bundle analyzer |
Auto-deploys from main branch via Vercel. See DEPLOYMENT.md for the full checklist.
Built with Claude Code as a creative showcase.
MIT