Transition
44 resources in the index ship this component, best first. Group: Motion & Effects.
Also called · animate presence · enter exit · view transition · transitions · fade · slide · mount animation
Ships it
44- GSAP · JavaScript animation engine with 19 plugins, now free for commercial use
- Headless UI · 16 unstyled, fully accessible React and Vue primitives from Tailwind Labs
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agents
- Mantine · 150+ styled React components, 70+ hooks, CSS modules, no runtime CSS-in-JS
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animation
- MUI · React component suite: Material UI, MUI X data grid, charts and date pickers
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and code
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgrounds
- React Native Reanimated · UI-thread animation library for React Native, v4 on the New Architecture
- remocn · 282 Remotion components for product-demo video, installed by the shadcn CLI
- Rive · Vector animation editor whose State Machine files run natively in app runtimes
- UI TripleD · 282-item shadcn registry of motion components, sections and full pages
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templates
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI install
- Anime.js · The 72,523-star MIT JavaScript animation library, listed here for its easing function editor
- Animista · Pick-and-tweak CSS keyframe animations; copy only the ones you use, BSD-licensed
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanilla
- AutoAnimate · One line on a parent element animates every child add, remove and move
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registry
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatible
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLI
- cubic-bezier.com · Lea Verou's bezier curve editor: drag the handles, compare against presets, share via URL
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI starters
- Easings.net · 30 standard easing curves, each with an animated demo, a cubic-bezier value and TS source
- Heroicons Animated · 316 Heroicons rebuilt as Motion-animated React components
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt index
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and React
- Liquid Gooey · React gooey-merge and liquid-trail effects that keep text, icons and shadows crisp
- Magic UI · 150+ animated shadcn-compatible React components for landing pages
- Motion Primitives · 34 MIT motion components for React, installed one at a time by shadcn CLI
- SmoothUI · 130 animated React components including 33 text effects and 16 shader transitions
- Tamagui · Universal React styling engine, optimizing compiler and ~48 components for web and native
- Theme Toggle Effect · Copy-paste CSS for View Transitions API theme-switch animations
- Transitions.dev · 35 essential web-app transitions, packaged as an agent skill
- unlumen UI · Freemium shadcn registry of Motion-driven React components
- Amicro · CLI registry of 58 React motion components, mostly animated charts
- Animate UI · 73 motion-first React components shipped as a shadcn registry
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installable
- Fancy Components · An MIT React library of microinteractions at 3,101 stars, organised by physics, text and image effect rather than by widget
- morphicons · Six kilobytes of maths that morph any stroke icon into any other, across Lucide, Heroicons and Tabler
- Transition.css · 52 drop-in clip-path enter/exit transitions applied with an HTML attribute
- useLayouts · 26 Motion-driven micro-interaction components installable via the shadcn CLI
- Framer University · Free Framer components and resources, each with a live preview, and an llms.txt that serves robots.txt by mistake
- Shadix UI · 14 motion-heavy shadcn add-ons: signature pad, datetime picker, reorder list