Skip to content
Vivek Kumar SinghVivek Kumar Singh
Hire

Share this article

Animation

Building Smooth Page Transitions (The Part Most Tutorials Skip)

Building Smooth Page Transitions (The Part Most Tutorials Skip)
Building Smooth Page Transitions (The Part Most Tutorials Skip)

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.

vivekkumarsingh.in/blog/building-animations-framer-motion

Copy link

https://vivekkumarsingh.in/blog/building-animations-framer-motion

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.

Related articles

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

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.

6 min read
When Animations Hurt Your UX (And How to Know You've Gone Too Far)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: A Free React Component Library With Zero DependenciesVivekUI

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