Transition
47 resources ship this component · Motion & Effects
Also called: animate presence, enter exit, view transition, transitions, fade, slide, mount animation.
Ships it
- GSAP · JavaScript animation engine with 19 plugins, now free for commercial useMotion & InteractionS
- Headless UI · 16 unstyled, fully accessible React and Vue primitives from Tailwind LabsComponent LibrariesS
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agentsGenerative Media ToolsS
- Mantine · 150+ styled React components, 70+ hooks, CSS modules, no runtime CSS-in-JSComponent LibrariesS
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animationMotion & InteractionS
- MUI · React component suite: Material UI, MUI X data grid, charts and date pickersComponent LibrariesS
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and codeDesign Systems & Brand GuidelinesS
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgroundsMotion & InteractionS
- React Native Reanimated · UI-thread animation library for React Native, v4 on the New ArchitectureMotion & InteractionS
- remocn · 282 Remotion components for product-demo video, installed by the shadcn CLIMotion & InteractionS
- Rive · Vector animation editor whose State Machine files run natively in app runtimesMotion & InteractionS
- UI TripleD · 282-item shadcn registry of motion components, sections and full pagesComponent LibrariesS
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionA
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI installMotion & InteractionA
- Anime.js · The 72,523-star MIT JavaScript animation library, listed here for its easing function editorMotion & InteractionA
- Animista · Pick-and-tweak CSS keyframe animations; copy only the ones you use, BSD-licensedMotion & InteractionA
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanillaMotion & InteractionA
- AutoAnimate · One line on a parent element animates every child add, remove and moveMotion & InteractionA
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registryComponent LibrariesA
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatibleMotion & InteractionA
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLIMotion & InteractionA
- cubic-bezier.com · Lea Verou's bezier curve editor: drag the handles, compare against presets, share via URLUtilities & NamingA
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI startersComponent LibrariesA
- Easings.net · 30 standard easing curves, each with an animated demo, a cubic-bezier value and TS sourceUtilities & NamingA
- Heroicons Animated · 316 Heroicons rebuilt as Motion-animated React componentsIcons & LogosA
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt indexGenerative Media ToolsA
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and ReactMotion & InteractionA
- Liquid Gooey · React gooey-merge and liquid-trail effects that keep text, icons and shadows crispMotion & InteractionA
- Magic UI · 150+ animated shadcn-compatible React components for landing pagesMotion & InteractionA
- Motion Primitives · 34 MIT motion components for React, installed one at a time by shadcn CLIMotion & InteractionA
- SmoothUI · 130 animated React components including 33 text effects and 16 shader transitionsMotion & InteractionA
- Tamagui · Universal React styling engine, optimizing compiler and ~48 components for web and nativeComponent LibrariesA
- Theme Toggle Effect · Copy-paste CSS for View Transitions API theme-switch animationsMotion & InteractionA
- Torph · One animated text-morphing component for React, Vue and Svelte, MIT and with no runtime dependencyMotion & InteractionA
- Transitions.dev · 35 essential web-app transitions, packaged as an agent skillMotion & InteractionA
- unlumen UI · Freemium shadcn registry of Motion-driven React componentsComponent LibrariesA
- Amicro · 160+ copy-paste React components for motion and UI effects, with a shadcn registry and agent skillsMotion & InteractionB
- Animate UI · 73 motion-first React components shipped as a shadcn registryMotion & InteractionB
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installableMotion & InteractionB
- Fancy Components · An MIT React library of microinteractions at 3,101 stars, organised by physics, text and image effect rather than by widgetMotion & InteractionB
- Hover.dev · Animated React and Tailwind components, sections and three landing-page templatesMotion & InteractionB
- MicroInteractions UI · 20 animated React components across buttons, inputs, navigation, tabs, toggles and steppersMotion & InteractionB
- morphicons · Six kilobytes of maths that morph any stroke icon into any other, across Lucide, Heroicons and TablerIcons & LogosB
- Transition.css · 52 drop-in clip-path enter/exit transitions applied with an HTML attributeMotion & InteractionB
- useLayouts · 64 free animated React components with source installation through the shadcn registryMotion & InteractionB
- Framer University · Free Framer components and resources, each with a live preview, and an llms.txt that serves robots.txt by mistakeBlocks, Templates & ThemesC
- Shadix UI · 14 motion-heavy shadcn add-ons: signature pad, datetime picker, reorder listComponent LibrariesC