A simple lantern that brightens in step with your own breath. No electronics, just a touch of CSS magic to remind you to pause and inhale.
The lantern is a visual metaphor. Its inner glow expands and contracts like the rise and fall of a breath, encouraging mindfulness while you watch the soft violet pulse.
Using a CSS @keyframes animation, the inner circle scales from a gentle pulse to a brighter flare. The animation loops endlessly, but you can imagine syncing it to your own breathing rhythm.
Watch the glow grow with each imagined inhale.
Place this page somewhere you can glance at it while you sit, stand, or walk. Let the slow pulse guide you to a deeper, calmer breath.