Always interactive, lightning fast design.
Bring your creative ideas to life with Framer X, the best tool for interactive design.Bring your creative ideas to life with Framer X, the best tool for interactive design. Create responsive layouts, design realistic prototypes, and bring everything closer to production—all in one place.
Try Framer X for freeWatch videoThe best teams around the world use Framer X
Simply rapid prototyping.
Framer X offers tools to design scroll, link and page interactions. But don’t stop there—add a 3D effect or momentum. Create flows that feel real. And do it all in half the time.
Building blocks for every design.
Components in Framer X are the real deal. Pull them in from production, or create your own from design or code. Get every animation and micro-interaction just right. Create custom UI for every component, and reuse across multiple projects.
Twitter UI
Twitter Design
Feather Icons
Cole Bemis
Youtube Player
Jan van Boghout
Booking Flow
Booking
Lottie Player
Airbnb
Android Home
Cells
Benjamin den Boer
Snap Kit
Snap
Desktop Kit
Dropbox
Fluid Grid
Dmytro Izotov
Colors
Fabian Frey
Mapbox
Mapbox Design
Facebook Login
Browsers
Zach Johnston
Airtable Sync
Davo Galavotti
Twitter UI
Twitter Design
Feather Icons
Cole Bemis
Youtube Player
Jan van Boghout
Booking Flow
Booking
Lottie Player
Airbnb
Android Home
Cells
Benjamin den Boer
Snap Kit
Snap
Desktop Kit
Dropbox
Fluid Grid
Dmytro Izotov
Colors
Fabian Frey
Mapbox
Mapbox Design
Facebook Login
Browsers
Zach Johnston
Airtable Sync
Davo Galavotti
Thousands of design resources.
Never start from scratch with the Framer X Store. Find live maps, media players, multi-platform UI Kits and so much more. It’s everything you need to get your ideas up and running, all in one place. The best part? It’s community-powered and completely free.
Design systems, supercharged.
The Framer X Team Store gives a whole new meaning to collaboration. A home for brand assets, design files and yes, even your production components. Always private, easily accessible. The best way to sync between design and development.
Learn more ›Mapbox
Buttons
Mapbox Design
Layouts
Mapbox Design
Icons
Mapbox Design
Barclays
Media
Barclays Design
Illustrations
Barclays Design
Colors
Barclays Design
Intercom
Controls
Intercom Design
Animations
Intercom Design
Sliders
Intercom Design
”Framer X’s React codebase will allow our designers to get closer to high-fidelity implementation with engineering.“
Ash Adamson, Flexport
”Framer allows designers to quickly iterate and user test a dozen different concepts, which drastically cuts down on development time.“
Paul Stamatiou, Twitter
”Framer doesn’t abstract you away from the core. You end up with a large pool of power users who can contribute components back to the masses.“
George Kedenburg III, Instagram
