CSS Animations Are Fine. Framer Motion Changed My Mental Model.

I wasn't expecting a library to change how I think about UI. But Framer Motion's declarative, physics-based approach to motion made me realize I'd been thinking about animations wrong for three years.

vivekkumarsingh.in/blog/framer-motion-changed-my-mental-model

Copy link

https://vivekkumarsingh.in/blog/framer-motion-changed-my-mental-model

Share on social media

Cross-post to blogging platforms

Clicking any platform copies the canonical URL to your clipboard and opens the editor. Paste it as the article's canonical URL to keep all SEO signals on this domain.

More on this subject: Modern Web Development.

Animation

Building Smooth Page Transitions (The Part Most Tutorials Skip)

Framer Motion is a powerful animation library for React. But the tutorials all show the simple stuff. The actual art of smooth page transitions is in the timing, easing, and knowing what not to animate.

7 min read

Animation

When Animations Hurt Your UX (And How to Know You've Gone Too Far)

The portfolio with motion on every single element isn't impressive — it's exhausting. There's a specific threshold where motion stops adding character and starts adding friction. Here's where I draw the line.

5 min read

VivekUI

VivekUI: A Free React Component Library With Zero Dependencies

91 accessible React components, 6 pure-SVG charts and 12 page templates, with no runtime dependencies at all. One install, one CSS import, no Tailwind and no config. Here is what VivekUI is, who it is for, and where it deliberately does not compete.

9 min read

Related articles

Building Smooth Page Transitions (The Part Most Tutorials Skip)

When Animations Hurt Your UX (And How to Know You've Gone Too Far)

VivekUI: A Free React Component Library With Zero Dependencies