A focus timer that turns your concentration into a visual rhythm — tap to start, tap again when you lose focus, and watch your progress grow.
▶ Open in browser — try it now No install. No account. Works offline.
Most focus timers are just countdown clocks with a start/stop button. Hexis flips the model: it's a stopwatch that runs forward, and every time you get distracted you tap the screen to reset. The visual animation — nine balls moving up parallel tracks — gives you a living pulse of your focus. When you tap, the balls collapse and rebuild, making the interruption tangible rather than just a number changing.
The stats page doesn't just show totals. It presents a scrollable calendar where each day shows organic "droplet" buttons for your sessions, with individual attempt times listed below. You can switch between viewing your best result and your average, filter by day/month/all time, and see patterns in your focus over weeks.
Everything is contained in a single HTML file with zero dependencies. No build step, no framework, no internet required after the first load. The neumorphic design with pull-to-switch dark theme and 10 accent colors makes it feel like a native app.
- ⏱️ Forward-running timer — counts up; tap to reset on distraction
- 🟢 Animated ball visualization — 9 balls moving up tracks, collapse and rebuild on tap
- 🌙 Dark/light theme — pull down from the top of the screen to toggle, with a morphing sun/moon icon
- 🎨 10 accent colors — organic "droplet" shaped color swatches
- 📊 Statistics with calendar — scrollable day-by-day view with session droplets and attempt times
- 🏆 Best result & average — toggle between personal record and mean focus time
- 📅 Time scope filter — view stats for today, this month, or all time
- 🌍 7 languages — Russian, English, Chinese, Japanese, Spanish, Korean, German
- ⏱️ Configurable session limit — 1 to 10 minutes
- 🎭 2 animation styles — star pattern with balls or orbital ring
- 💾 Persistent storage — all data saved in localStorage, survives browser restarts
- 📱 Mobile-first — designed for touch, works on desktop too
- 🎨 Neumorphic UI — soft shadows, tactile buttons, smooth transitions
Or download index.html from this repo and open it locally —
fully standalone, works without internet after first load.
- Complete User Guide — tools, gestures, all features explained
Vanilla JS · HTML5 · CSS3 · CSS custom properties · localStorage · Web Animations API Single HTML file · Zero dependencies · Zero build step
This project is in active development. Found a bug or have an idea? Reach out:
- Telegram: @lexbay
- GitHub Issues: Open an issue
docs/ contains the complete user guide with step-by-step instructions for all features.
© 2025 lexbayart — CC BY-NC 4.0
Free to use and share for non-commercial purposes with credit. Commercial use requires explicit permission from the author.