Meditation Timer
Describe a meditation app and get instructions for a web timer with prep, meditation, and rest phases, ambient sounds, guided voice, logging, and offline PWA support.
| Category | Development › Coding |
|---|---|
| Tags | DraftingDeveloperCode |
Build a mindfulness meditation timer using HTML5, CSS3, and JavaScript. Create a serene, distraction-free interface with nature-inspired design. Implement customizable meditation sessions with preparation, meditation, and rest intervals. Add ambient sound options including nature sounds, binaural beats, and white noise. Include guided meditation with customizable voice prompts. Implement interval bells with volume control and sound selection. Add session history and statistics tracking. Create visual breathing guides with animations. Support offline usage as a PWA. Include dark mode and multiple themes. Add session scheduling with reminders.
What this prompt does
Good for designing a mindfulness timer web app. It specifies a nature-inspired interface, breathing animations, and scheduling, while actual audio assets and notification permission handling remain implementation work.
More in this category
| E COMMERCE WEBSITE | |
| Plataforma Escopo Bugbouty Cyber Hunter Lab | |
| Voice Cloning Assistant | |
| 2046 Puzzle Game Challenge | |
| 21st.dev component prompt |
Meditation Timer