Calm your mind and body

 Seat upright, adjust speed according to your inhale length. Click pause and then Reset. Exhale, click Play. Follow (the dot) square breathing to calm your mind and body, which can help reduce inflammation. It is extremely important to make all the breathing phases equal to get the maximum benefit, which is why you must follow the dot. An audio beep (click anywhere to start beep) is added at the corner for extra precision. Bookmark to practice daily three times a day. 

Dot moving on square perimeter — HTML + JS animation

Speed

Dot size 8 px

Direction

ClockwiseCounter‑clockwise

Use arrow keys: ← previous, → next, Space toggle play

---

This is a single-file demo. Copy the file and open in your browser to run. The dot moves smoothly along the square's perimeter; the square and dot scale with canvas size.

Technical: animation uses requestAnimationFrame and a normalized parameter t in [0,1). Position along perimeter computed piecewise for the square.