A collection of premium animated React components and micro-interactions built with Motion for building fluid, professional interfaces.
An interactive 3D book component with page flip animations.
Interactive draggable card stack with 3D tilt, swipe-to-back gestures, click interactions, random rotation, and smooth spring animations.
Interactive accordion showcase with animated content, image transitions, hover effects, keyboard navigation, autoplay, and responsive design.
A metallic stick that tilts into the press. Hover a quadrant and the cap leans, the shadow shifts, and the matching arrow goes amber.
A collection of items with smooth layout transitions and animations.
An interactive bento card with animated tabs and workspace preview.
A shelf of cloth-bound books. Pull one out and it opens on the desk: covers swing on a hinge and pages turn by the corner.
A floating bottom navigation menu with smooth interactions.
An interactive card component that simulates a bucket where chips are tossed and replaced with smooth physics-inspired animations.
This component creates an animated folder-style card with a background image, floating 3D object, hover effects, and customizable colors and text. You can easily change the images, colors, content, and animation settings from the card props.
A client CRM card with payment and deadline rings, plus a morphing avatar stack.
A charcoal sleeve that pulls a letter out, flips it, and lands it in front of you.
A compact corner video player with smooth open/close morphing, autoplay, mute, enlarge, hover controls, and video scrubbing.
A drag coverflow of portraits that scale, dim, and snap as you swipe.
A Start Creating pill that springs open into a list of create actions.
Side drawers whose inner edge starts as a bulge and morphs into a straight line as the panel settles.
A custom day picker component with smooth animations.
A confirmation button with smooth icon transitions.
An interactive button with expanding discovery state.
A tab component with discrete sliding animations.
Two buttons that open side drawers with a 3D fold. Payment comes from the right, cart from the left, and the fields stagger in.
A 3×2 photo grid that grows the hovered row and column so one still takes the stage.
A toolbar that adapts its size and layout based on content.
A stacked editorial story deck. Drag the front card and it springs back into the pile.
An interactive empty state for testimonials with a playful folder animation.
A photo gallery with smooth item expansion.
A smooth carousel for showcasing product features.
Interactive list items with hover and focus effects.
A radial flower-style quick actions menu with staggered smooth motion.
A responsive gallery grid that fluidly shifts and expands items using motion layout.
Interactive testimonial section with hover-based focus effects, animated author tooltips, and expandable testimonials.
A folder management system with drag-and-drop-like feel.
A glossy contact pill. Hover and the label lifts away so a portrait and YOU merge, then Let’s Talk! writes in.
A pill nav that melts into its neighbor when you hover — liquid bridges, active dot.
A dark invite card that tilts in 3D with the pointer. A holographic glow follows. Touch stays still. Tab for a quiet glow.
A free-panning product canvas that tiles forever — drag, scroll, and skim an endless grid of images and captions.
An input that switches between read and edit modes.
A feature list whose hover badge is a WebGL liquid gradient that tracks the row.
A bento card component with a draggable magnifying lens effect over scrolling chips.
A fanned deck of five photographs. Start brings the top card up, then you page through it with the controls or throw it aside.
An input field that morphs between different states.
A dynamic, animated multi-step form with validation.
A full-width landing row of portrait cards. They sit flat until you move — then the card on the left scales back.
Hover Delete and a page appears above it. Click and the page clips away while paper strips draw in below. After a few seconds it resets so you can shred again.
A premium paywall component with a pick your price detent slider, animated numeric price transitions, and a segmented plan control.
A polished example interaction built with React and Motion.
Tilted album stacks that expand into a shared-element photo grid.
Draggable Polaroid photo gallery with realistic tilt, stacking, smooth animations, and customizable captions, sizes, and decorations.