Aceternity UI
UpdatedCopy-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.
A collection of free and Pro shadcn/ui blocks, components, and templates for React and Next.js apps.
Pre-built marketing blocks and page templates for building modern marketing websites with shadcn/ui and Tailwind CSS.
Production-ready UI blocks, components, and pages for shadcn/ui and Base UI, powered by Framer Motion.
A collection of animated React components built with Tailwind CSS and Motion, installable per component.
A fully customizable, accessible, production-ready component library built on top of shadcn/ui.
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.
micro-interactions for react, built for the half-second after a click.
Open-source three.js components, shaders and landing pages by Meng To. Procedural 3D hero sections, backgrounds, buttons and motion, each with live controls.
Open-source shadcn/ui components, blocks, and animated icons for React, with an MCP server for AI agents.
A micro-interaction React UI library built on shadcn/ui and Framer Motion.
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.
A collection of small, well-coded React components (free and premium) to streamline development.
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.
Components that make the web feel alive.
Personal collection of React UI components by developer BankkRoll, including pricing cards, testimonials, tabs, and auth forms.
Retro 8-bit styled, copy-paste UI components and blocks built on shadcn/ui with React and Tailwind CSS.
Beautifully designed, copy-paste React components you customize and own, built with Radix UI and Tailwind CSS.
A design system and React component registry for building elegant, accessible user interfaces.
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.
Animated components for React and React Native
Cinematic hero sections for React & Next.js: scroll-driven video, WebGL particles, shattered glass, day/night and 3D scenes. Free, copy-paste. By guglielmogiannattasio.it
A registry of composable, accessible, open-source components for use with 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.
Vercel's design system: React components for building consistent web experiences.
Copy-paste library of animated SVG components built with React and Tailwind CSS.
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.
A modern React and Next.js UI component library with animated components and CLI scaffolding.
Free, open-source React component library built on shadcn/ui and Base UI, with copy-paste components you fully own.
Free, open-source blocks and templates built with React, shadcn/ui, and Tailwind CSS for landing and marketing sites.
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.
For abstract, math-driven, and physics-based WebGL/particle environments.
Motion-first React UI library built with TypeScript, Tailwind CSS, Motion, and shadcn/ui.
For geometric arrays, 3D structures, and spatial voxel environments.
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.
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.
Free, open-source collection of copy-paste animation and interaction components built with React and Tailwind CSS.
@mui
An unstyled UI component library for building accessible user interfaces.
@airbnb
A collection of reusable, low-level visualization components that combine d3's computational power with React's approach to building user interfaces.
Refined React UI components with satisfying hover interactions, compatible with shadcn/ui and installable via CLI.
React component library on Tailwind and shadcn/ui with 50+ component variants, 100+ blocks, and starter kits.
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.
435+ free, customizable Tailwind CSS UI components for React, Vue, Next.js, and HTML.
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.
For high-impact, top-of-funnel entry components and focal reveals.
For liminal spaces, loading states, and visual masking transitions.
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.
For structural layouts, data arrangements, and dynamic lists.
Beautiful, flexible React.js documentation framework for Next.js, Astro, and Vite-based frameworks.
Open-source project management UI inspired by Linear, built with Next.js and shadcn/ui.
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.
Collection of shadcn/ui-based admin dashboards, templates, components, and blocks for building React apps faster.
For kinetic typography and text-based motion states.
Copy-paste React components focused on smooth animations and clean design, built with Tailwind CSS and Framer Motion.
A collection of interactive Tailwind CSS components built for React and Vue.js.
A modular data visualization library for React, built on D3 with many chart types and interactions.
Membership toolkit of copy-paste components, animations, and page transitions for Webflow and HTML developers.
Video courses and reference code for building modern, animated user interfaces for the web.
React UI component library built with shadcn and Framer Motion for rich, styled, animated components.
Open-source collection of React components you can copy and paste into your apps.
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.
Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS; copy-paste ready.
For self-contained identity modules, interactive cards, and content blocks.
Collection of modern React UI components with GSAP animations, built with TypeScript, Tailwind CSS, and Nextra.
Prebuilt UI blocks to ship beautiful MVPs fast, built with Next.js, React, and Tailwind CSS.
Build better. Designed for Production.
A collection of neobrutalism-styled UI components based on shadcn/ui and Tailwind CSS.
A marketplace for production-ready Next.js templates and UI components.
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.
Open-source link attribution platform for short links, conversion tracking, and affiliate programs.
Complex software UI made readable.
Library of beautifully crafted, animated components built with Next.js, React, Tailwind CSS, and Framer Motion.
Reusable components built on shadcn/ui to increase performance when building web applications.
Accessible React components to copy, customize, and make your own.
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.
Drop-in shadcn/ui ScrollArea replacement (Radix/Base UI) with native touch, adaptive masks, and polished interactions.
Need a product built? AI agents write the code, an engineer directs them: https://vibecoding.tech/services?utm_source=21st&utm_medium=library Book a call and say promo code 21ST to get a free 3-day development trial.
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.
For micro-interactions, complex switches, and sensory user inputs.
Open-source AI-focused UI components, blocks, and React Flow workflows built with shadcn/ui and the Vercel AI SDK.
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 collection of animated, responsive React components built with Tailwind CSS and Framer Motion.
@ElevenLabs
A component library and custom registry built on shadcn/ui for building multimodal AI agent interfaces faster.
The best animated React and Tailwind components for fast web development.
Open-source set of 50+ shadcn/ui-based React and Next.js components with TypeScript support.
Liquid glass UI components for React & Next.js, built on a real WebGL water engine: navbar, toggle and more. Frutiger Aero meets Apple glass. Free, copy-paste. By guglielmogiannattasio.it
High-performance component registry built on top of shadcn/ui, from AI chat interfaces to interactive media.
Instant, copy-paste UI blocks for React and Next.js developers.
Warm, expressive React components with considered motion. MIT licensed shadcn registry.
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.
Free, MIT-licensed React components for AI and agent interfaces: prompt input, model picker, tool approvals, reasoning text, citations and file diffs.
Modern background snippets: copy, paste, ready-to-use
@meta
An open source design system that is fully customizable and agent ready.
A library of animated, responsive, Tailwind-powered React components for fast front-end development.
Enterprise-class UI design language and React component library with a set of high-quality components.
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.
Need a product built? AI agents write the code, an engineer directs them: https://vibecoding.tech/services?utm_source=21st&utm_medium=library Book a call and say promo code 21ST to get a free 3-day development trial.
React component library for beautifully shaded WebGL canvas backgrounds and wallpapers.
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.
Beautiful, accessible React and Tailwind CSS components to copy and paste, ready to customize in Subframe.
An open-source component collection that extends shadcn/ui with additional reusable UI components.
Pixel-type and liquid-glass UI for AI product sites: a re-tiling WebGL shader background, a pixel headline, an AI prompt composer, glass feature and pricing sections, and a pixel wordmark footer. Each piece installs on its own; together they make the AI App Builder Landing Page.
A lightweight, unstyled, and composable emoji picker for React.
Animated illustrations for product sites, in Shader, HUD and Isometric. Each block here is built around a free Illos illustration.
MVPBlocks, an open-source library of copy-paste Tailwind CSS UI blocks for quickly building MVPs and landing pages.
UI components that work like real hardware. The free MIT pieces live here; the full library is at tactileui.dev.
Full-width sections for marketing pages: testimonials, features, proof. Drop one in, pass your own content, ship the page.
building blocks for saas softwares
Open-source Localization UI components — copy-paste React & Tailwind for language switchers, locale pickers, translation widgets, and more.
Skeuomorphic React components for shadcn, each modelled on a real patented object. Base UI and Tailwind CSS v4. Full library and shadcn install at bevel-ui.vercel.app.
Components that feel finished. Shadcn components with real motion, AI agent UI and a Brazil set (Pix, CEP). MIT.
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.
Animated lucide icons.
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.
Components for my AI SAAS Voice agents software
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.
Heroicons icon family.
Animated heroicons icons.
Animated hugeicons icons.