한국어
☰ Categories

Meditation Timer

Build a mindfulness meditation timer using HTML5, CSS3, and JavaScript.

CategoryDevelopment › Coding
TagsDraftingDeveloperCode
Prompt
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

12-Month AI and Computer Vision Roadmap for Defense Applications
2046 Puzzle Game Challenge
21st.dev component prompt
3D FACTORY
3D FPS Game