Galactic Cat Focus is a space-themed Pomodoro timer designed to induce ultimate concentration. Escape the gravity of distractions and float into a zone of productivity with ambient soundscapes and immersive visuals.
A visual representation of time passing. Instead of a boring countdown, watch as the "cosmic water" level within the ring slowly depletes, powered by a custom wave animation.
No looped MP3s here. The application uses the Web Audio API to generate real-time ambient soundscapes directly in your browser. Every session provides a unique sonic experience, ensuring you never get tired of the background noise.
Relax in zero gravity. The "Chill Corner" features floating elements like coffee, books, and music notes that drift aimlessly in the vacuum of space, adding to the relaxing atmosphere.
- Custom Cursor: A ring-and-dot cursor that follows your movement with smooth inertia.
- Satisfying feedback: Every interaction is accompanied by subtle, synthesized sound effects.
- HTML5: Semantic structure.
- CSS3: Modern CSS variables, glassmorphism effects, and keyframe animations.
- Vanilla JavaScript: Built with ES6+ classes. No heavy frameworks—just pure, performant code.
- External Dependency: Lucide for beautiful, lightweight icons.
- Launch: Open
index.htmlin any modern web browser. - Start: Click the START MISSION button to begin a 25-minute focus session.
- Ambience: Click the Volume Icon to toggle the generative ambient music.
- Flow: When the timer reaches zero, a gentle alarm will sound, and the interface will automatically switch to "Break Mode" (Green Theme).
Designed & Coded with 💜 for Cat Lovers and Space Explorers.