Animation
86 resources ship this component · Motion & Effects
Also called: motion, keyframe animation, css animation, spring animation, tween.
Ships it
- GSAP · JavaScript animation engine with 19 plugins, now free for commercial useMotion & InteractionS
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agentsGenerative Media ToolsS
- Loading UI · 47 MIT-licensed React loaders, spinners and skeletons via shadcn CLIComponent LibrariesS
- Lucide Animated · 467 MIT Lucide icons that animate on hover, with a markdown page for every icon and a skill file written for an agentIcons & LogosS
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animationMotion & InteractionS
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and codeDesign Systems & Brand GuidelinesS
- Paper Shaders · 30 zero-dependency canvas shaders as React components or vanilla JS, Apache-2.0Textures, Backgrounds & AssetsS
- Radiant · Zero-dependency generative shaders as single HTML files, embedded by iframeTextures, Backgrounds & AssetsS
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgroundsMotion & InteractionS
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent KitComponent LibrariesS
- 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
- Shader Lab · Browser shader compositor with a WebGPU React runtime for exportTextures, Backgrounds & AssetsS
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themesComponent LibrariesA
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionA
- Animate Text Skill · Agent skill with 20 specced text animations for any motion libraryAgent Design ToolingA
- 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
- Antalik React Effects · npm workspaces monorepo shipping border-beam and liquid-gooey React effect packagesMotion & InteractionA
- Atlassian Design System · Atlaskit: 59 Apache-2.0 React components behind Jira, Confluence and BitbucketDesign Systems & Brand GuidelinesA
- AutoAnimate · One line on a parent element animates every child add, remove and moveMotion & InteractionA
- Border Beam · React component that draws an animated traveling or breathing glow around any elementMotion & InteractionA
- Canvas UI · 33 WebGL/canvas effects that wrap real HTML, in 6 frameworksTextures, Backgrounds & AssetsA
- Colorion CSS Text Effects · 78 pure-CSS animated text effects; copy the CSS or copy an agent promptMotion & 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
- EasyUI · Animated React components from a shadcn registryComponent LibrariesA
- Heroicons Animated · 316 Heroicons rebuilt as Motion-animated React componentsIcons & LogosA
- Huashu Design · Agent skill that renders prototypes, decks, MP4 motion and infographics from promptsAgent Design ToolingA
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt indexGenerative Media ToolsA
- Inspira UI · MIT animated components for Vue and Nuxt in the style of Aceternity UI and Magic UIMotion & InteractionA
- Its Hover · 263 animated React icons installed one at a time via the shadcn CLIIcons & LogosA
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and ReactMotion & InteractionA
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templatesComponent LibrariesA
- Libraries.dev · Five MIT React effect libraries built for coding agents, each shipping a copy-paste prompt, at about 2M npm downloads a monthMotion & InteractionA
- Liquid Gooey · React gooey-merge and liquid-trail effects that keep text, icons and shadows crispMotion & InteractionA
- Lordicon · 48,100+ hand-animated icons in Lottie, GIF, SVG, and more, with a web component, React package, and APIIcons & LogosA
- LottieFiles for Figma · Figma plugin to import Lottie animations and export frames as dotLottieMotion & 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
- Originkit · 180 animated web components plus 48 page sections, for Framer, React and MCPMotion & InteractionA
- Radiant Shader Gallery · Browsable gallery of 87 free WebGL and Canvas 2D background effectsTextures, Backgrounds & AssetsA
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemiumBlocks, Templates & ThemesA
- slot-text · 1 kB dependency-free slot-machine text roll, with adapters for 5 frameworksMotion & 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
- ThreeUI · Three.js hero components, shaders and landing-page templates with a Pro-gated remote MCP server — Community free, Pro $99/yr or $199 lifetimeTextures, Backgrounds & AssetsA
- 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
- Unicorn Studio · Browser tool that builds WebGL scenes and exports embeds for Framer, Webflow, or ReactTextures, Backgrounds & AssetsA
- unlumen UI · Freemium shadcn registry of Motion-driven React componentsComponent LibrariesA
- useAnimations · 298 free MIT animated Lottie icons with a React package, a shadcn registry, and an agent catalogIcons & LogosA
- vgpu · Vercel Labs WebGPU library where one WGSL shader renders in the browser, headless in Node.js and as a CI snapshot testTextures, Backgrounds & AssetsA
- aengel.io Laboratory · 19 WebGPU and TSL experiments — compute fluids, raymarching, refraction — reference only, no source codeTextures, Backgrounds & AssetsB
- Animate UI · 73 motion-first React components shipped as a shadcn registryMotion & InteractionB
- Appllama Loader Buttons · 25 named loading-button motion studies: 13 WebGL, 12 in SVG, Canvas and CSSMotion & InteractionB
- Dot Matrix · 90 dot-matrix loading animations installed one at a time through a shadcn registryComponent LibrariesB
- DrawKit · 100+ hand-drawn 2D/3D illustration, icon and Lottie packs; ~40 free, rest behind ProTextures, Backgrounds & AssetsB
- 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
- FeralUI · React interactions with ropes, paper, maps, and lightMotion & InteractionB
- Gradient Shimmer · Zero-dependency React text shimmer driven by the Web Animations APIMotion & InteractionB
- Highlighters · Physics-modelled highlighter-pen marks for text, in React, Vue, and SvelteMotion & InteractionB
- Hover.dev · Animated React and Tailwind components, sections and three landing-page templatesMotion & InteractionB
- Made With GSAP · 114 copy-ready GSAP effects: scroll, mouse-move, drag, infinite loopsMotion & InteractionB
- MetalForge · 400+ shader effects for SwiftUI, React Native, and the web, tuned with sliders and exported as codeTextures, Backgrounds & AssetsB
- 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
- Motionin · 53 physics-based, cursor-responsive web sections, each delivered as a build prompt for an AI coding toolAgent Design ToolingB
- Rare UI · Fourteen free MIT animated React components, one file each, installed with the shadcn CLIComponent LibrariesB
- React Native Components · 64 copy-paste React Native screen components, $59.99 once for lifetime accessComponent LibrariesB
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licenceMotion & InteractionB
- Spell UI · 33 polished React + Tailwind components, MIT, shadcn-installableComponent LibrariesB
- Spline · Browser-based 3D design tool that exports interactive scenes to React, web components and nativeMotion & InteractionB
- Storyset · Freepik's editable illustrations in 5 styles, animatable, attribution requiredTextures, Backgrounds & AssetsB
- SVGator · Online SVG animation editor that exports animated SVG, Lottie, GIF, and video, with an MCP for AI agentsMotion & InteractionB
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid componentsComponent LibrariesB
- 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
- Flaticon Animated Icons · 57,000+ animated icons in Lottie JSON, GIF, MP4, SVG, and After Effects formats, free with attributionIcons & LogosC
- 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