Taste Index

The animation library formerly known as Framer Motion.

Toasts with opinions. An object lesson in small UI.

Animated numbers that feel like a product, not a slot machine.

Animated React components with source you can lift, from the author of this index.

Three.js in React, the usual path into real 3D UI.

Spring physics for React, still the right tool for some interfaces.

Compact JS animation with a readable timeline API.

Smooth scroll that stays out of the way when you configure it.

Helpers that make React Three Fiber usable on a deadline.

Timeline-first animation for when CSS is not enough.

One attribute for list and layout transitions.

Drawer component with the right physics for mobile sheets.

After Effects motion in the browser, for when the file is already a Lottie.

State-machine animation that designers can own.

A motion studio in the browser for sequenced interfaces.

Ultra modern monospace component library for React and Tailwind CSS v4 — AI cards, bento grids, dashboards, hero sections and animated pixel spinners.

Magic 3D Tabs component featuring mouse-interactive 3D rotation, floating particles background effect, and smooth spring animations.

A collection of beautiful, animated components to elevate your web projects instantly.

Production-ready dot-matrix loading components for React, featuring square, circular, and triangle animations with polished motion.

Open-source React components with natural motion, installable as source.

E-commerce blocks for shadcn/ui, organised by the purchase funnel — product cards and grids, URL-driven filters, sort, load more, quick view, empty states and the order summary.

An open-source, modern UI component library for React, built with TypeScript, Tailwind CSS, and Framer Motion. Eldora UI offers beautifully crafted, reusable components designed for performance and elegance.

Emerald UI - collection of components built with Motion, GSAP, Tailwind CSS and shadcn/ui.

A shadcn/ui registry featuring a collection of animated buttons built with Motion. Each component is designed to add punchy, interactive feedback to your UI with minimal setup.

Flight routes on interactive maps with great-circle arcs, airport markers, multi-leg journeys, and optional animation, built for mapcn.

Fluid components used exclusively in service of functional clarity. Proximity hover, spring animations, font-weight transitions, and animated focus rings.

Motion-focused shadcn-compatible components, hooks, and blocks for polished React interfaces.

Beautifully designed landing page components built with React & Tailwind CSS & Motion.

Composable SVG gauge primitives for React: arcs, zones, ticks, needles and nested gauges, with spring or tween animation.

354 animated React components you copy, paste and own: text effects, cursors, WebGL backgrounds, micro-interactions, UI primitives and mascots. Built with Tailwind CSS v4 and shadcn tokens.

Open source component library with animated components, beautiful effects, and custom toast notifications. Built with Radix UI and Tailwind CSS.

Interaction-first React components where every change of state morphs: one file each, no animation library, hairline borders.

Animated, grainy gradient blocks for React: a hero, a call to action and a card, themed by your CSS variables. WebGL2, zero dependencies.

An open-source collection of 316 beautifully animated heroicons for your projects.

React UI components, animated interactions, shaders, and charts distributed as editable source.

An open-source collection of animated Hugeicons for React.

An open-source collection of animated Hugeicons for Vue 3.

An open-source library of meticulously animated icons (Tabler, Phosphor, and more) for your projects, inspired by lucide-animated.com

Copy-paste React micro-interactions: a headless hook plus a styled example in one self-contained file, with motion as the only dependency.

A radial pie menu for React. Press, drag toward an item, and release. Full keyboard support, ARIA menu roles, and animations.

A set of perfect-designed components built on top of React Aria and Motion.

Editable React chart compositions backed by Kind UI Core, with explicit data, accessible interactions, and consumer-controlled animation.

A Figma-like scrub number field for shadcn/ui (base-nova). Digit animation by Calligraph.

Collection of stunning components built with Tailwind CSS, shadcn/ui and Motion to use on your websites.

Liquid Glass components for React: WebGL edge refraction and pointer-driven springs over accessible Base UI primitives. TypeScript, RSC-ready, with an MCP server.

Animated loaders for React and shadcn/ui. Zero dependencies, pure CSS animation, no Tailwind required. Install with the shadcn CLI or copy one file.

Spinners, loaders, and loading animations for modern web apps. Free and open-source.

An open-source collection of smooth animated lucide icons for your projects

Animated React components built with Tailwind CSS, Motion and GSAP, installable with the shadcn CLI.

Animated React components and page sections built on Tailwind CSS v4, powered by Motion and GSAP. Every item respects prefers-reduced-motion and installs only the dependency it needs.

Copy-paste microinteractions for React: animated buttons, hover effects, tabs and inputs. Each one installs as a single self-contained TypeScript and Tailwind file. MIT licensed.

500+ free components, blocks and motion pieces for product UI: data tables, billing, settings, command palettes and AI chat. Built on Base UI, Tailwind CSS v4 and motion.

Animated React components installed as source. Text Reveal, Number Roll, Link, Field and Input are free; the rest comes with a one-time license.

Interfaces that move. Refractive glass, motion and depth for React — a GPU-accelerated prism lens and a cursor-reactive ASCII field, with every setting exposed as a prop.

596 motion/3D UI patterns — scroll-driven WebGL, shader passes, spring choreography — as ready HTML/CSS/JS. 26 free, or $149 once for the rest.

Copy-ready React page blocks and motion components with bilingual previews, reduced-motion paths, and shadcn Registry delivery.

Beautifully designed motions components. Easy copy-paste. Customizable. Open Source. Built for engineers and designers.

Production-ready animated React and Next.js components — accessible, reduced-motion-safe and RSC-safe — installable as editable source with the shadcn CLI. Free and open source.

Motion-native animated components for Next.js — backgrounds, heroes, inputs, carousels, and more. Open source. Copy-ready TypeScript.

389 animated React components for Tailwind v4 and React 19, with a CLI and an MCP server.

Motion-first shadcn marketing blocks for landing pages — heroes, pricing, FAQs, footers, and more. Built on base-nova with intentional animation and CLI install.

Animated GSAP components crafted for smooth interaction and rich detail.

A collection of modern React UI components with GSAP animations.

Animated shadcn components powered by GSAP and Framer Motion. Built for expressive UIs.

Pure UI is a curated collection of refined, animated, and accessible components built with Base UI, Tailwind CSS, Motion, and other high-quality open source libraries.

Pop-Brutalist UI primitives for React: 30 components with hard shadows, high-contrast borders, motion spring physics, and Lucide icons. MIT.

A large collection of animated, interactive & fully customizable React components for building memorable websites. From smooth text animations all the way to eye-catching backgrounds, you can find it here.

Animated React components, blocks and elements built with Tailwind CSS and Motion. 150+ free, open-source items install with the shadcn CLI; premium components are sold separately.

Production-ready components for Remotion - text animations, backgrounds, transitions, UI blocks, and full scene compositions

Roi UI is a library that offers UI components and blocks built with Base UI primitives. Some blocks and components use motion (framer). Everything is open-source and will be forever.

A comprehensive suite of high-fidelity interaction components. It offers motion-driven components that designed with motion-react and tailwindcss, that blends seamlessly.

Free, open source React components and blocks with calm, physical motion. Live previews with editable props, Markdown docs and llms.txt for AI tools.

React animated components that contains life, built with Tailwind CSS v4 and motion.

Remotion video components for React: animation and motion graphics for product demo videos. Text reveals, karaoke captions, device mockups, logo stings and full scenes, owned as source.

Production-ready and tastefully crafted sections, animated components, and full-page templates for Next.js, Tailwind CSS & Motion

91 loading animations for React, each on a 5×5 grid of dots, animated with plain CSS. Server Component-ready.

Motion-first React primitives and animated UI components for shadcn/ui. Copy, customize, and ship fluid interfaces.

Open-source React components and animated UI building blocks, installable as source with the shadcn CLI.

A modern component library built with shadcn/ui and Tailwind CSS. Spectrum UI offers elegant, responsive components and smooth animations designed for high-quality interfaces.

Product-proven React components from STARCK, built on shadcn with polished motion, responsive behavior, and accessible defaults.

Components that feel alive. A micro-interaction-rich React library: rich motion on every interaction, production-ready with full keyboard, screen reader and reduced-motion support.

Primitives and components with serious attention to animation and design. Copy, own, ship.

Animated React components — built with Tailwind CSS and Motion, installable via the shadcn CLI. Copy-paste source you own and can customize.

Composable, animated map components for React. Built with TypeScript, Tailwind CSS, Mapbox GL JS, and MapLibre GL. Perfect companion for shadcn/ui.

Documentation-style in-page table of contents with scroll spy, animated SVG tree indicator, and mobile sticky collapsible.

GSAP & CSS animated React components and blocks. One file each, no shared runtime, reduced-motion handled.

Animated React components built on Motion and GSAP. Tweak every prop live, copy the code, and own it.

Free React and Tailwind components with Framer Motion interaction states and Tailwind CSS styling: buttons, badge, text field, toggle switch and breadcrumbs.

React components and blocks with motion built in. Source you own, with Markdown docs and llms.txt so AI tools install them correctly.

An open-source, Production-ready UI components and blocks powered by shadcn/ui and Framer Motion

Minimalist components for React / Next.js: animated backgrounds, galleries, badges, and conversion blocks. Built with Tailwind CSS and Motion, installable with the shadcn CLI.

Animated dark/light mode toggles

A collection of premium animated React components and micro-interactions built with Motion for building fluid, professional interfaces.

Free, open-source React components, animated interactions, blocks, dashboards, and templates for shadcn/ui projects. Install with the shadcn CLI and own the source.

React and Next.js UI primitives, components, and motion, themeable end to end from one design token contract. Built on Base UI and Tailwind CSS v4. Free Wensity components.

Hand-crafted, beautiful, and minimal UI components built with Tailwind CSS and Motion.

A lab of small, crafted interaction experiments for React, built with Tailwind CSS v4 and Motion. Buttons, inputs, cards and playful objects, each with a live demo.

100 animated React components and 31 free section blocks for Tailwind CSS 4 — accessible, reduced-motion safe and MIT licensed.

Animated React and Tailwind components in 14 design styles, from glassmorphism and aurora to kinetic type and dither, each with an AI prompt. 161 are free with source at github.com/viberdy-dev/ui; Pro items need an API key.

An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces.

An open source collection of high quality, animated, interactive & fully customizable Svelte components for building stunning, memorable user interfaces.

Animated grainy icons

A public registry of shadcn-inspired animated loaders and loading states.

A React design language in three themes, where kajo is atmospheric and dark, sisu is dense and quick, and savi is the light ground. One token vocabulary underneath, including WebGL atmospheres that honour reduced-motion. Every component installs from npm or copies in from this registry.

A WebGL and Motion system for React that runs many effects on one shared canvas. Shader, cursor, scroll and text effects, 3D galleries, plus page transitions for Next.js. Built with Three.js, React Three Fiber, Motion, and Lenis smooth scroll.

A registry of animated, cinematic React components and UI blocks for shadcn — buttons, cards, folders, navbars and more, built with Tailwind CSS v4 and Motion.

Copy-paste motion components for Remotion video projects - 200 captions, charts, transitions, backgrounds, and full compositions.

Copy-and-own React components for Tailwind CSS 3 and 4: forms, overlays, site chrome, motion, animated text and backgrounds.

Expressive React components with organic shapes, purposeful motion, and source you can make your own.

Animated Lucide and Huge style icons for React, built with motion/react. Each icon installs as a single editable file.

AnimBits is a collection animated UI components for React that use Framer Motion. The components provided include buttons, cards, text, icons, lists, loaders, and page transitions, animation hooks all of which have general-purpose effects that are not flashy and easy on the eyes, making them easy to use.

Animated, interaction-first components for React: 70+ loaders, interactive SVG icons, plus blocks, sections and UI primitives. Built with Tailwind CSS v4 and Motion, with every animation hand-tuned rather than generated.

An open-source motion layer for shadcn/ui. One <Cuts /> line animates your dialogs, sheets, tabs and toasts; four helpers animate lists, numbers, skeletons and cards.

ScrollX UI is an open-source React and shadcn-compatible component library for animated, interactive, and customizable user interfaces. It offers motion-driven components that blend seamlessly with modern ShadCN setups.

A registry modelled on the star-riveted helmet: plates on a lacquer ground, rivets only on real seams, console/report as two materials, ink-only code highlighting, and first-class CJK typography.

Shadcn Dashboard is a collection of modern, production-ready dashboard layouts, components, and UI patterns built on top of shadcn/ui and Tailwind CSS. It’s designed to help developers build clean, scalable, and data-driven dashboards faster—without compromising on performance, accessibility, or customization.

Lightweight, customizable CSS-animated atoms loaders for React.

A composable 3D model viewer for shadcn/ui with inspection, animation, multiple cameras, screenshots, and fullscreen support.

Animated React components with AI reproduction prompts, alongside full design systems and templates. Install via CLI or aicanvas MCP, compatible with Claude Code, Codex, and Cursor.

Motion-rich React components and data visualizations — dotted world maps, GitHub activity maps, sliders, carousels, and terminal-style blocks built on Tailwind CSS v4 and Radix UI.

Open-source React micro-interactions and UI component registry powered by Motion.

A fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects.

Animated, accessible UI components built with React and Tailwind CSS.

A curated registry of production-ready creative components and motion effects for React.

Bespoke motion components for React. Copy-paste components with shadcn-compatible installs, Tailwind CSS v4, and Motion.

Production-ready animated interface components, primitives, and WebGL shader studies for React and Tailwind CSS.

Open-source composable chart components for React — line, area, bar, pie, radar, maps, and more. Built with Visx, Motion, and shadcn/ui.

A collection of shadcn-based React components, charts, animated components, and blocks built by corecn.

A collection of shadcn-based React components, charts, animated components, and blocks built over time.

Motion and interaction components for React and Tailwind. 3D carousels, scroll letter reveals, a Dynamic Island, cursor hit-testing and rolling countdowns, installed with the CLI and owned as source.

Cult UI is a rare, curated set of shadcn-compatible, headless and composable components—tastefully animated with Framer Motion.