Technology
We animate with Framer Motion
Framer Motion powers the animations on every site we build. Scroll reveals, transitions, and micro-interactions that make products feel polished.
About
Framer Motion is a production-ready animation library for React. It provides a declarative API for animations, gestures, and layout transitions with minimal boilerplate.
Why we use it
Framer Motion's declarative API fits perfectly with React's component model. AnimatePresence handles exit animations (the hardest part of web animation), and layout animations automatically animate DOM changes.
Features
Why Framer Motion
Declarative Animations
Define animations as props — initial, animate, exit — React handles the rest.
Gesture Support
Built-in drag, hover, tap, and pan gesture handling with animation.
Layout Animations
Automatically animate between layout changes with a single prop.
Scroll Animations
Viewport-triggered animations and scroll-linked transforms.
AnimatePresence
Animate components as they mount and unmount from the DOM.
Variants
Orchestrate complex animations across parent and child components.
4M+
Weekly npm downloads
25K+
GitHub stars
~30KB
Bundle size (gzipped)
10+
Animation variants we use
Use cases
What we build with it
Frequently asked questions
Related pages
Ready to start your project?
Let's talk about your idea and build something people love.
Book a free call →