CodeSandbox
Create Sandbox
Framer Motion Examples
Learn how to use framer-motion by viewing and forking example apps that make use of framer-motion on CodeSandbox.
Homepage
segunadebayo
Framer Motion 2: Layout animations
A demo of layout animations in Framer Motion 2
InventingWithMonster
Framer Motion: Image gallery
A live, editable example of the Framer Motion API
InventingWithMonster
Framer Motion 2: Animating shared layouts
A demo of scale correction in Framer Motion 2
InventingWithMonster
Framer Motion 2: AnimateSharedLayout animate between different components
A demo of shared layout transitions in Framer Motion 2
InventingWithMonster
Framer Motion 2: Scale correction
A demo of scale correction in Framer Motion 2
InventingWithMonster
Framer Motion 5: Shared layout animations
InventingWithMonster
Framer Motion 5.3: Scroll-triggered animations
InventingWithMonster
@examples-query-react/mutations
React Class Component Example
msutkowski
Framer Motion 2: Shared drag gesture
A demo of scale correction in Framer Motion 2
InventingWithMonster
@examples-query-react/optimistic-update
concepts-optimistic-updates
@examples-query-react/graphql
Framer Motion 5.1 line drawing
InventingWithMonster
reduxjs/redux-toolkit
Framer Motion: MorphSVG example
InventingWithMonster
@examples-query-react/authentication
tannerlinsley/react-table: animated-framer-motion
chakra-ui-header
jeanbauer
Framer Motion 3D: Shapes button
InventingWithMonster
Framer Motion 3D: Star button (forked)
InventingWithMonster
@examples-query-react/pagination
Framer Motion 3D: LayoutCamera
InventingWithMonster
framer-motion-parallax-box
tutorial: https://bit.ly/2RWINtJ
jshikanova
Find more examples