Copy-paste animated React and Tailwind CSS components built with Framer Motion.
Copy-paste animated React and Tailwind CSS components built with Framer Motion.
100+ modern UI components built with Tailwind CSS, shadcn/ui, and Motion.
React marketing UI for shadcn: 240+ landing-page sections and components built with Tailwind CSS.
Ready-to-use shadcn/ui blocks for React and Tailwind CSS, installable via the shadcn CLI.
150+ free, open-source animated React components and effects built with Tailwind CSS and Motion.
An open-source workspace with a curated component library, AI-powered UI generation, and community component drops.
Copy-paste React components, animated blocks, and design tools, compatible with the shadcn registry.
Free, open-source React library of ready-to-use animated components and microinteractions.
Extended components and blocks built on top of shadcn/ui with React and Tailwind CSS.
An extensive collection of copy-and-paste UI components for building app interfaces, built with Tailwind CSS and React.
A large set of pre-built blocks and components for shadcn/ui and Tailwind CSS, with templates and a page builder.
A UI kit of beautiful, customizable animated components built with Motion and Tailwind CSS.
Pre-built marketing blocks and page templates for building modern marketing websites with shadcn/ui and Tailwind CSS.
A collection of free and Pro shadcn/ui blocks, components, and templates for React and Next.js apps.
Production-ready UI blocks, components, and pages for shadcn/ui and Base UI, powered by Framer Motion.
A fully customizable, accessible, production-ready component library built on top of shadcn/ui.
A collection of animated React components built with Tailwind CSS and Motion, installable per component.
Premium UI components, pre-built blocks, and guides to accelerate React and Next.js development.
Refined, animated React UI components for design engineers to copy and paste into any project.
A micro-interaction React UI library built on shadcn/ui and Framer Motion.
Open-source three.js components, shaders and landing pages by Meng To. Procedural 3D hero sections, backgrounds, buttons and motion, each with live controls.
micro-interactions for react, built for the half-second after a click.
Open-source React UI component library built on Base UI; the official design system of Cal.com.
Collection of reusable animated React components built with Framer Motion and Tailwind CSS by Chetan Verma.
Open-source shadcn/ui components, blocks, and animated icons for React, with an MCP server for AI agents.
A collection of small, well-coded React components (free and premium) to streamline development.
Personal collection of React UI components by developer BankkRoll, including pricing cards, testimonials, tabs, and auth forms.
Components that make the web feel alive.
A design system and React component registry for building elegant, accessible user interfaces.
Retro 8-bit styled, copy-paste UI components and blocks built on shadcn/ui with React and Tailwind CSS.
Hyperiux Vault is a source-first library of polished React and Next.js interaction effects, animations, transitions, and microinteractions, ready to copy, customize, and ship.
Beautifully designed, copy-paste React components you customize and own, built with Radix UI and Tailwind CSS.
78+ free, open-source animated React components and effects that drop into any shadcn/ui project.
@21st
Collection of React UI components for building AI agent chat interfaces, like send/attachment buttons, suggestions, and loaders.
UI components and blocks built with Tailwind CSS and shadcn/ui.
50+ animated React components for shadcn/ui, built with Motion and Tailwind CSS.
250+ React and Next.js components, blocks, and animations built with Tailwind CSS and Framer Motion.
Copy-paste library of animated SVG components built with React and Tailwind CSS.
A registry of composable, accessible, open-source components for use with shadcn/ui.
Vercel's design system: React components for building consistent web experiences.
A client-first, animation-rich UI component library built on Radix UI and shadcn/ui with Framer Motion.
Animated UI component library for React and Next.js developers.
Free, open-source blocks and templates built with React, shadcn/ui, and Tailwind CSS for landing and marketing sites.
A modern React and Next.js UI component library with animated components and CLI scaffolding.
shadcn/ui-compatible, accessible copy-paste components built with React Aria and Tailwind CSS.
Open-source library of 150+ React components and effects powered by Tailwind CSS and Motion.
Motion-first React UI library built with TypeScript, Tailwind CSS, Motion, and shadcn/ui.
Free, open-source React component library built on shadcn/ui and Base UI, with copy-paste components you fully own.
Animated React and shadcn/ui components you install as editable source. 86 components, MIT licensed, zero lock-in.
A library of animated React components built with Tailwind CSS and Motion, distributed as copy-paste code.
Free, open-source collection of copy-paste animation and interaction components built with React and Tailwind CSS.
Copy-paste React components built with Next.js, React 19, Tailwind CSS v4 and Motion.
High-quality, accessible, customizable components for AI interfaces, built on top of shadcn/ui.
Eleven image carousels and galleries, each with its own motion idea: ink that pours in, paper that curls over, photos that dissolve into dust or noise, discs on a climbing line, isometric cards that lift, staircases, tilted cascades, viewfinder folds, hover-expanding panels and stepped skyline masks. Zero-dependency React, each installs on its own.
@mui
An unstyled UI component library for building accessible user interfaces.
Refined React UI components with satisfying hover interactions, compatible with shadcn/ui and installable via CLI.
@airbnb
A collection of reusable, low-level visualization components that combine d3's computational power with React's approach to building user interfaces.
React component library on Tailwind and shadcn/ui with 50+ component variants, 100+ blocks, and starter kits.
150+ free, open-source animated React components built with TypeScript, Tailwind CSS, and Motion.
Shadcn-compatible registry of animated, production-ready UI components you add to a Next.js app via shadcn add.
435+ free, customizable Tailwind CSS UI components for React, Vue, Next.js, and HTML.
Components for the inside of a product: boards, signing, files. Real motion, keyboard support and dark mode, built to be installed and shipped.
Copy-paste video component library for Remotion: production-ready animations, transitions, and backgrounds for React.
A collection of shadcn/ui components, blocks and page templates for building modern, fast and beautiful websites. Built on Radix UI and Base UI. Works with the shadcn CLI and any preset, in light, dark and RTL.
Beautiful, flexible React.js documentation framework for Next.js, Astro, and Vite-based frameworks.
A collection of interactive Tailwind CSS components built for React and Vue.js.
Open-source project management UI inspired by Linear, built with Next.js and shadcn/ui.
Copy-paste React components focused on smooth animations and clean design, built with Tailwind CSS and Framer Motion.
Free, open-source collection of animated React UI components built with Next.js, Tailwind CSS, and Framer Motion.
Open-source collection of beautifully designed, animated chart components built with shadcn/ui and Recharts.
React UI component library built with shadcn and Framer Motion for rich, styled, animated components.
Collection of shadcn/ui-based admin dashboards, templates, components, and blocks for building React apps faster.
Video courses and reference code for building modern, animated user interfaces for the web.
Open-source collection of React components you can copy and paste into your apps.
Membership toolkit of copy-paste components, animations, and page transitions for Webflow and HTML developers.
A modular data visualization library for React, built on D3 with many chart types and interactions.
Copy-paste animated, interactive UI components and templates for React, Tailwind CSS, and Framer Motion.
@vercel
A component library and custom registry built on top of shadcn/ui to help you build AI-native applications faster.
React component library of design-engineered charts and data-visualization components.
Collection of modern React UI components with GSAP animations, built with TypeScript, Tailwind CSS, and Nextra.
Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS; copy-paste ready.
Prebuilt UI blocks to ship beautiful MVPs fast, built with Next.js, React, and Tailwind CSS.
A collection of neobrutalism-styled UI components based on shadcn/ui and Tailwind CSS.
Open-source link attribution platform for short links, conversion tracking, and affiliate programs.
Build better. Designed for Production.
A marketplace for production-ready Next.js templates and UI components.
@ElevenLabs
A component library and custom registry built on shadcn/ui for building multimodal AI agent interfaces faster.
Beautifully crafted, copy-paste UI components for AI agent conversations, including thinking states, tool calls, streaming text, tables, and more.
Portfolio and open-source React components by design engineer Chánh Đại, including a wheel picker and animated UI effects.
Reusable components built on shadcn/ui to increase performance when building web applications.
Library of beautifully crafted, animated components built with Next.js, React, Tailwind CSS, and Framer Motion.
Drop-in shadcn/ui ScrollArea replacement (Radix/Base UI) with native touch, adaptive masks, and polished interactions.
Complex software UI made readable.
Accessible React components to copy, customize, and make your own.
Fusion UI library combining shadcn/ui and Magic UI with 150+ React, TypeScript, Tailwind, and Framer Motion components.
UI component library for React, Next.js and JSX frameworks, built with Tailwind CSS.
Open-source AI-focused UI components, blocks, and React Flow workflows built with shadcn/ui and the Vercel AI SDK.
The best animated React and Tailwind components for fast web development.
Open-source collection of animated, responsive React components built with Tailwind CSS and Framer Motion.
Open-source set of 50+ shadcn/ui-based React and Next.js components with TypeScript support.
Layro System: the inside of a SaaS product, built as one system on shadcn tokens. Forms, overlays, data tables, charts, editor and auth. Keyboard-complete, accessible, light and dark.
Design with AI Agents free series · Oct 14 · 100 live seats, no public replay: https://maven.com/lls/f6606f?utm_source=21st&utm_medium=library I'll show how these components were built, and how to design any UI with AI agents.
Instant, copy-paste UI blocks for React and Next.js developers.
High-performance component registry built on top of shadcn/ui, from AI chat interfaces to interactive media.
A shadcn/ui ecosystem of free and pro collection of copy-and-paste shadcn/ui components, blocks, illustrations and templates - paired with a powerful Shadcn theme generator to craft, customize, and ship faster.
Beautiful, fast, and modern React UI library (previously NextUI), built on React Aria and Tailwind CSS.
Modern background snippets: copy, paste, ready-to-use
@meta
An open source design system that is fully customizable and agent ready.
Enterprise-class UI design language and React component library with a set of high-quality components.
A library of animated, responsive, Tailwind-powered React components for fast front-end development.
Open-source collection of type-safe React and Tailwind CSS components for building Next.js websites.
Open-source uptime monitoring and status page platform with checks from global regions.
Monochrome SaaS landing sections with a generative 3D ink sculpture: navbar, hero, 3D sculpture, live feature diagrams, testimonials with logo marquee, pricing with a billing toggle, FAQ and a sign-up footer. Light and dark, zero dependencies, each piece installs on its own.
Design with AI Agents free series · Oct 14 · 100 live seats, no public replay: https://maven.com/lls/f6606f?utm_source=21st&utm_medium=library I'll show how these components were built, and how to design any UI with AI agents.
React component library for beautifully shaded WebGL canvas backgrounds and wallpapers.
An open-source component collection that extends shadcn/ui with additional reusable UI components.
Beautiful, accessible React and Tailwind CSS components to copy and paste, ready to customize in Subframe.
A lightweight, unstyled, and composable emoji picker for React.
MVPBlocks, an open-source library of copy-paste Tailwind CSS UI blocks for quickly building MVPs and landing pages.
Poster-style space UI set like a Swiss astronomy poster: a bubble-filled wordmark hero, a logo-cut bubble band, crossing marquee ribbons, issue-numbered project cards, a live moon-phase nights calendar, a printable member card and a bubble footer. Four palettes, light and dark, zero dependencies, each piece installs on its own.
Warm, expressive React components with considered motion. MIT licensed shadcn registry.
Free, MIT-licensed React components for AI and agent interfaces: prompt input, model picker, tool approvals, reasoning text, citations and file diffs.
building blocks for saas softwares
Full-width sections for marketing pages: testimonials, features, proof. Drop one in, pass your own content, ship the page.
React library of beautiful, animated UI components built with Motion and Tailwind CSS for shadcn/ui.
@avenra/liquid-glass is a zero-dependency, physics-based SVG displacement lens library for the web that simulates real glass optics. It leverages Snell's law refraction, specular highlights, and spring animations to create beautiful, realistic glass UI components.
Free reusable React blocks from Path to Resilience for AI-led websites, growth flows, and digital transformation experiences.
8bit-styled shadcn-based ui library
Jason Mohab-Ali — Compute darkmode: 14 English React sections for agency websites, with abstract project imagery, authentic SVG icons, responsive layouts, keyboard controls and reduced-motion support.
Jason Mohab-Ali — Optimus lightmode: 14 English React sections for agency websites, with abstract project imagery, authentic SVG icons, responsive layouts, keyboard controls and reduced-motion support.
Tabler Icons icon family.
Hugeicons icon family.
Lucide icon family.
Remix Icon icon family.
Phosphor Icons icon family.
Animated line-md icons.
Animated lucide icons.
Animated lucide icons.
Heroicons icon family.
Animated heroicons icons.
Animated hugeicons icons.