Animation
73 resources in the index ship this component, best first. Group: Motion & Effects.
Also called · motion · keyframe animation · css animation · spring animation · tween
Ships it
73- GSAP · JavaScript animation engine with 19 plugins, now free for commercial use
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agents
- Loading UI · 47 MIT-licensed React loaders, spinners and skeletons via shadcn CLI
- Lucide Animated · 467 MIT Lucide icons that animate on hover, with a markdown page for every icon and a skill file written for an agent
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animation
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and code
- Paper Shaders · 30 zero-dependency canvas shaders as React components or vanilla JS, Apache-2.0
- Radiant · Zero-dependency generative shaders as single HTML files, embedded by iframe
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgrounds
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent Kit
- 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
- Shader Lab · Browser shader compositor with a WebGPU React runtime for export
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themes
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templates
- Animate Text Skill · Agent skill with 20 specced text animations for any motion library
- 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
- Antalik React Effects · npm workspaces monorepo shipping border-beam and liquid-gooey React effect packages
- Atlassian Design System · Atlaskit: 59 Apache-2.0 React components behind Jira, Confluence and Bitbucket
- AutoAnimate · One line on a parent element animates every child add, remove and move
- Border Beam · React component that draws an animated traveling or breathing glow around any element
- Canvas UI · 33 WebGL/canvas effects that wrap real HTML, in 6 frameworks
- Colorion CSS Text Effects · 78 pure-CSS animated text effects; copy the CSS or copy an agent prompt
- 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
- Huashu Design · Agent skill that renders prototypes, decks, MP4 motion and infographics from prompts
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt index
- Its Hover · 263 animated React icons installed one at a time via the shadcn CLI
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and React
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templates
- Liquid Gooey · React gooey-merge and liquid-trail effects that keep text, icons and shadows crisp
- LottieFiles for Figma · Figma plugin to import Lottie animations and export frames as dotLottie
- 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
- Originkit · 180 animated web components plus 48 page sections, for Framer, React and MCP
- Radiant Shader Gallery · Browsable gallery of 87 free WebGL and Canvas 2D background effects
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemium
- slot-text · 1 kB dependency-free slot-machine text roll, with adapters for 5 frameworks
- 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
- ThreeUI · Three.js hero components, shaders and landing-page templates with a Pro-gated remote MCP server — Community free, Pro $99/yr or $199 lifetime
- Transitions.dev · 35 essential web-app transitions, packaged as an agent skill
- Unicorn Studio · Browser tool that builds WebGL scenes and exports embeds for Framer, Webflow, or React
- unlumen UI · Freemium shadcn registry of Motion-driven React components
- vgpu · Vercel Labs WebGPU library where one WGSL shader renders in the browser, headless in Node.js and as a CI snapshot test
- aengel.io Laboratory · 19 WebGPU and TSL experiments — compute fluids, raymarching, refraction — reference only, no source code
- Animate UI · 73 motion-first React components shipped as a shadcn registry
- Appllama Loader Buttons · 25 named loading-button motion studies: 13 WebGL, 12 in SVG, Canvas and CSS
- Dot Matrix · 90 dot-matrix loading animations installed one at a time through a shadcn registry
- DrawKit · 100+ hand-drawn 2D/3D illustration, icon and Lottie packs; ~40 free, rest behind Pro
- 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
- Gradient Shimmer · Zero-dependency React text shimmer driven by the Web Animations API
- Highlighters · Physics-modelled highlighter-pen marks for text, in React, Vue, and Svelte
- Made With GSAP · 114 copy-ready GSAP effects: scroll, mouse-move, drag, infinite loops
- morphicons · Six kilobytes of maths that morph any stroke icon into any other, across Lucide, Heroicons and Tabler
- Rare UI · Fourteen free MIT animated React components, one file each, installed with the shadcn CLI
- React Native Components · 64 copy-paste React Native screen components, $59.99 once for lifetime access
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licence
- Spell UI · 33 polished React + Tailwind components, MIT, shadcn-installable
- Spline · Browser-based 3D design tool that exports interactive scenes to React, web components and native
- Storyset · Freepik's editable illustrations in 5 styles, animatable, attribution required
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid components
- 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