Animated React components

Components where the motion explains something: a state change, a direction, a result. They are built with CSS transitions and small requestAnimationFrame loops, so there is nothing extra to install, and each honours prefers-reduced-motion.

26 assets · 11 free

S—002
S—002
Taffy Tabs
Navigation · Playful
S—003
S—003
Ink Field
Backgrounds · Organic
S—006
Pro
S—006
Tender Checkout
Checkout · Refined
S—010
Pro
S—010
Contour Field
Backgrounds · Editorial
S—018
Pro
S—018
Atelier
Templates · Editorial
S—034
Pro
S—034
Bento Features
Sections · Understated
S—039
Pro
S—039
Silk Shader
Backgrounds · Expressive
S—043
S—043
Rolling Counter
Forms · Playful
S—044
Pro
S—044
Card Swap
3D · Expressive
S—047
S—047
Reaction Burst
Components · Playful
S—054
S—054
Orbit Nav
Navigation · Playful
S—005
Pro
S—005
Split-Flap Display
Motion · Brutalist
S—007
S—007
Pulse KPI
Data · Understated
S—008
S—008
Jelly Switch
Forms · Playful
S—009
S—009
Decode Text
Motion · Futuristic
S—012
S—012
Margin Quote
Sections · Editorial
S—013
S—013
Fold Accordion
Components · Understated
S—014
Pro
S—014
Ledger Pricing
Sections · Editorial
S—015
Pro
S—015
Billboard Hero
Sections · Brutalist
S—016
S—016
Toast Stack
Components · Refined
S—025
Pro
S—025
Sheet Drawer
Components · Refined
S—032
Pro
S—032
Onboarding Flow
Forms · Refined
S—038
Pro
S—038
Dot Grid
Backgrounds · Understated
S—040
Pro
S—040
Word Morph
Motion · Expressive
S—041
Pro
S—041
Magnetic Button
Motion · Playful
S—051
Pro
S—051
Voice Orb
Components · Futuristic