Sometimes after a long, exhausting day it is enough to look at something beautiful. Therefore "satisfying" videos or pictures are very good. You can see in this article that this is also possible with CSS and JavaScript!

➡️ Update with more animations available (click)! 🚀

Such satisfying animations are simply beautiful and soothing to look at. It's ingenious when you have a deeper use, like the first example as load animation. Just let yourself be surprised what the web has to offer.

Some animations are interactive. Just hover over it and click on it with your mouse.

Attention: The single pens are not from me!

1. Oddly satisfying loading indicator (CSS only)

2. Oddly satisfying CSS Only animation

3. The Last Experience

4. Campfire

5. Growing pastel dots

6. Rainbow lines

7. Mesmerizing

8. Animation Test

9. Musical background on mousemove

I hope the animations have calmed you down a bit or have partially fascinated and motivated you for new projects. Creative phases are important for us and we should take our time every day to switch something off. 💆

Thanks for reading! If you liked this article, please let me know and share it! If you want to you can check out my blog and follow me on twitter! 😊