Instantly Beautify Your Website Using Animate.css And ScrollReveal

Add These Light CSS and JS Libraries to Your Website To Make it More Flashy Using Just Classes

Adrian Nenu 😺
3 min readOct 29, 2023

Whether it’s your personal or company website, you can make use of the following libraries very easily to right away add some flashiness either generically to your pages or especially to call-to-action elements.

Frameworks have come a long way since the time when marquee was the fanciest 🙂.

Synthethic website — generated by Midjourney

Animations.css

This CSS library is super easy to use and makes it straightforward to add animations with just CSS classes. The animations can be on a loop or just happen one time, and they are extremely versatile, to the point you could build an entire interactive presentation!

We need to be careful not to add animations just for the sake of adding animations, but instead thoughtfully make use of them to divert attention in a smooth way to points of interest. For example, I used them for social icons on my website.

Example

--

--

Adrian Nenu 😺

Software Engineer @ Google. Photographer and writer on engineering, personal reflection, and creativity - nenuadrian.com.