Premium animated components for modern products
Orea is a curated set of production-ready React components powered by Framer Motion. Preview, peek at the code, and copy it into your project.
The component library
Hover to preview, then flip any card to copy the code.
John Smith
4111 - 1111 - 1111 - 1111
3D tilt
3D pointer tilt with cursor glare
Dropdown menu morph
Button morphs into a menu surface
Choose how the interface looks. Sync with your system or lock a theme.
Accordion
Grid-rows height with chevron morph
Like button
Heart pops with a burst of particles
Learn more hover
Chevron shifts and opens on hover
Checkbox check
Check draws on with a stroke path
Spinning counter
Digits spin like a reel to the value
Toggle
Thumb slides with a spring bounce
Skeleton loader and reveal
Pulse to content cross-fade
Pull request opened
Review requested from 3 teammates
Texts reveal
Two lines rise with offset stagger
Tabs sliding
Pill indicator follows the active tab
Tooltip open/close
Appear-only delay, instant exit
Buildpremiuminterfacesthatfeelalive.
A motion-first component kit for teams that sweat the details.
Hero reveal
Headline words rise word-by-word
Carousel
Slides spring in with directional swipe
Marquee
Infinite logo strip with edge fade
Magnetic button
Button chases the cursor with spring
Spotlight
Move your cursor across the card to reveal the glow that follows it.
Spotlight card
Radial glow tracks the pointer
Pro gradient text
Colour washes orbit the letters
Shimmer text
Masked gradient sweep across text
We craft
Typewriter
Types and deletes rotating phrases
Progress ring
Stroke sweeps to an animated value
Star rating
Stars spring and fill on hover
Magnify dock
macOS-style icons scale near cursor
Toast stack
Toasts spring in and swipe away
Avatar group
Avatars lift out of the stack on hover
Confetti button
Particles burst radially on click
Segmented control
Active pill slides between options
Animated dialog
Backdrop blur with spring scale-in
Number ticker
Counts up when scrolled into view
Copy field
Icon swaps to a check on copy
Bar chart grow
Bars spring up with staggered delay
Notification bell
Bell shakes and badge pops on ring
Aurora background
Animated glowing ambient orbs backdrop
Mock chat input
Compact prompt input box with tags and send button
Rainbow search
Search bar with a rainbow glow that blooms on focus
OTP input
Auto-advancing code fields that pop and turn green
Command palette
Spring-in ⌘K menu with live filtering
Theme toggle
Sun morphs into a moon with animated rays