Taste Index

Copy-paste component system that became the default React registry.

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.

Official skill format and examples from Anthropic.

Design-quality skill work from Paul Bakaus.

Dense, well-crafted form and app patterns on top of shadcn.

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

A design-engineering skill pack for anti-slop interface work.

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.

Chat and agent UI primitives that do not look like a demo.

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.

Interface craft encoded as agent skills.

Skills for shipping on Vercel, from the labs team.

Animated shadcn blocks aimed at marketing and launch pages.

Ark UI primitives styled as a copy-paste kit.

A lightweight React component library built around a shared SCSS design system and distributed as editable source through the shadcn CLI.

Material 3 Expressive for shadcn/ui. Base UI primitives restyled with M3 tokens extracted from the official Figma kit, so stock shadcn markup renders as Material — retheme an existing project with a single item.

Design-system registry for Delego — intent-bound action authorization for AI agents. Theme (OKLCH) plus signature components: decision pill, signed receipt, status badge, field.

Vectorstudio UI design system: 60 shadcn-compatible primitives on @base-ui/react, RTL/Persian first, 578-icon pixel-icon library, Tailwind v4 + orange brand palette.

An accessible React design system with scoped themes, reusable application patterns, and character icons, built for Tailwind CSS v4.

A bilingual Lexical rich text editor built with shadcn/ui, with extensible plugins, nodes, and toolbar controls.

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.

Approval workflow components for React Flow: quorum gates, amount thresholds, a policy lint (segregation of duties, single approver on high value), and plain-language editing behind a human review gate.

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

Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS. Copy-paste ready, and customizable. Built by ARK UI.

Clean, beautiful, and simple UI primitives and AI elements.

Official Auth0 Universal Components for Web. Accelerate development with pre-built, embeddable UI for enterprise SSO, MFA, and organization management

A collection of React components built with Tailwind CSS, designed to help you create beautiful and responsive user interfaces with ease.

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

MIT React chart blocks for dashboards — composable ChartContainer + shadcn-compatible chartConfig, live uPlot canvas, and ECharts adapters. Six installable registry items.

Blocks for shadcn/ui designed to fit together: compose a page, then install it with one command.

Accessible React and Tailwind v4 components, blocks and templates with native-app motion, built-in keyboard, RTL and translation support, and an MCP server for AI agents.

A simple braille-inspired loader components for shadcn/ui.

Beautifully crafted shadcn/ui components powered by Base UI

Accessible audio controls for React: knobs, faders, XY pads, meters, waveforms, timelines, sequencers and piano rolls, on headless primitives from @audio-ui/react.

Turn any logo into an animated Ben-Day dot field: a thinking indicator for AI and agent interfaces, baked from your own mark.

Production-ready UI blocks for landing pages, dashboards, and web apps.

Drop-in authentication components for Better Auth applications.

Simple and easy file uploads for React. Upload directly to any S3-compatible service with minimal setup.

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

Bits UI — a curated, open-source registry of reusable React & Next.js components, hooks, and utilities (shadcn-compatible). Focused on accessibility, composability, and production-ready primitives to accelerate design systems and developer workflows.

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.

Deterministic geometric avatars generated from any string — an Avatar that falls back to a blobatar when a user has no picture.

A set of clean, modern application building blocks for you in your applications. Free and Open Source

170+ production-grade shadcn/ui blocks, forged to ship. Full source in TypeScript + Tailwind CSS, plus a page builder and starter pages. Copy, paste, ship.

Production-ready React blocks built on shadcn/ui and Tailwind — drop them in, swap the copy, ship the page. Heroes, pricing and footer sections crafted by hand.

An open-source registry of accessible React components built on Base UI and Tailwind CSS v4. Install with one command, then own the source.

Neubrutalism component library with 43 components, 42 SVG shapes, thick borders, and hard shadows. Supports React, Vue, and Nuxt. Built on shadcn/ui.

Claude Code, Codex, and Grok interfaces as shadcn components — accessible React terminal-agent UI for docs, demos, and product surfaces.

Production-minded neo-brutalist shadcn components with three configurable flavours, strengths, and radius modes.

A collection of 150+ handcrafted UI components built with Tailwind CSS and shadcn/ui, covering marketing, e-commerce, dashboards, real estate, and more.

Type-safe, schema-based forms for shadcn/ui apps. Auto-generate UI with validation and state out-of-the-box with minimal boilerplate.

React components, blocks and complete product screens drawn to one specification. Accessible by default, with every state designed. Free parts are MIT and install as source you own.

Creative html-in-canvas components. React, Vue, Svelte, TS.

Learning primitives for AI-native interfaces: inline quizzes, flashcards, sequences, and mastery meters with streaming support and xAPI telemetry.

Open-source React components for building shopping experiences on the Channel3 product API: search, filters, product detail, offer comparison, and price history.

The easiest way to add authentication and user management to your application. Purpose-built for React, Next.js, Remix, and The Modern Web.

Copy-paste TypeScript primitives for agent-first CLIs: trust ladders, killswitches, JSON mode, audit logs, and cross-platform utilities.

Cnippet UI is a production-ready, curated set of accessible and composable React components—built with Base UI and Tailwind CSS. Copy, paste, and ship stunning interfaces faster.

Adaptive Error Boundaries and graceful fallback UIs (Banners, Modals, Toasts).

Color and gradient picker for React with linear, radial and conic gradients, OKLCH, an eyedropper and swatch groups, themed with your shadcn/ui tokens.

Shadcn UI Blocks for Ecommerce websites

Beautiful, interactive React + Tailwind components for modern product UIs.

React components that render Content Blocks: plain Markdown with schema-validated directive blocks. Built for content written by humans, CMSes, and LLMs.

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.

A new, modern UI component library built on top of Base UI. Built for developers and AI.

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.

A collection of open-source UI components, blocks and AI Agents. Integrate them in v0, Lovable, Claude or in your application.

An opinionated component library with curated styling and simplified patterns for common use cases. Built on Base UI and Tailwind CSS 4.

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

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.

Dashboard blocks for shadcn/ui: KPIs, charts, tables, funnels, heatmaps and full dashboards. Works with Base UI, Radix UI and React Aria, and every style and icon library.

Dashboard and analytics components for shadcn/ui. KPI cards, charts, funnels, ranked lists, heatmaps, data tables, and the cards that combine them. Free and MIT licensed.

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

Hand-crafted layouts and UI primitives for shipping fast.

Quiet, sharp React components for dashboards and sign-in screens: a neutral light and dark theme, pill buttons, menus, an account menu, an app header, a sidebar layout, and a sign-in page.

A shadcn/ui registry for blocks & templates.

Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS. Copy-paste ready, and customizable.

A growing collection of design-forward React components by Dave Klein, extracted from the components powering diklein.com.

Documentation components built on Fumadocs Core: docs layouts, sidebars, tables of contents, search and MDX components. A drop-in replacement for Fumadocs UI.

Opinionated components and tools for building modern AI interfaces.

A collection of beautiful, reusable component blocks built with React

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

A headless, composable date & date range picker for React. 5 picker types, 15 locales, dark mode, accessible. Zero dependencies.

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.

A collection of beautifully crafted Shadcn/UI blocks, designed to help developers build modern websites with ease.

Beautiful, responsive Shadcn components with frosted glass morphism. Built for modern web applications with full dark mode support.

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.

Full-stack shadcn/ui components that go beyond UI. Add auth, monetization, uploads, and AI to your app in seconds.

A collection of Open Source agent and audio components that you can customize and extend.

Production React workflows for loading, empty, error, responsive data, form validation, retry, and recovery.

Beautiful emails, made simple. Ready to use, customizable email components for React.

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

shadcn/ui-style components built on Ark UI.

A shadcn registry for AI and media-rich interfaces — streaming LLM chat, zoomable images, swipeable card decks, interactive maps, plus dashboard and landing-page blocks.

Installable AI agent recipes for Eve apps, including PR review, data analysis, and workflow automation agents.

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.

EvilCharts is an open-source chart UI website built with shadcn and Recharts, beautifully designed and handcrafted.

A collection of UI components based on the exaBase Design System, built with React and Tailwind CSS.

A collection of UI components for building document agents and human-in-the-loop review workflows.

A collection of beautifully designed UI components for building modern web applications.

Accessible sections and page templates for marketing websites: heroes, feature grids, pricing tables, FAQs and footers. Built with Base UI and Tailwind CSS v4.

An achromatic design system on Base UI: the standard parts plus playful niche components, with semantic tokens that match Figma variables one to one.

Accessible, source-owned flag components for shadcn/ui with 306 flags in SVG, PNG, WebP, and JPEG plus 4:3, 1:1, and original ratios.

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

Everyday use react components to make the development flow easier for the devs.

Fluent 2-inspired React components with shadcn-style APIs. Design tokens with light, dark, and high-contrast themes, Base UI primitives, Tailwind CSS v4. Independent open-source project, not affiliated with Microsoft.

Opinionated, accessible components on Base UI and shadcn-style primitives — starting with a Creatable Combobox.

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

A collection of customizable UI blocks with interactive live previews

Curated font pairing registry for shadcn. Three fonts. One command. Install perfectly configured typography (heading + body + mono) with shadcn add. Includes editorial-grade type scales, CSS variables, and a live preview site.

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

Build production-ready forms with a few clicks using shadcn components and modern tools.

Production-ready shadcn/ui forms visually with drag-and-drop.

React components for AI agent and conversational interfaces, including chat, messages, confirmations, and workflow states.

Beautiful videos, made simple. Ready to use, customizable video components for React.

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

A collection of fully composable components that extend shadcn/ui with a focus on common gamification UI patterns.

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.

SolidJS port of shadcn-ui components built with Kobalte primitives. 57+ components with full TypeScript support and Vega theme.

A shadcn-compatible registry of glassmorphism components inspired by Apple

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.

AI-native visualization components for LLM projects. Render 26 chart types from vis syntax strings or config objects.

An editable, composable data grid for the shadcn/ui ecosystem: range selection, spreadsheet clipboard, fill handle, pinning, undo/redo, and streaming updates. Real DOM cells, shadcn styling.

Stripe billing components by PumpGTM: an in-app cancel flow with save offers, and one subscription state for every access check.

A dark, serif, glow-leaning shadcn registry of read-only components for blogs, essays, and long-form reading experiences — inspired by the quiet, candlelit cabaret of Erik Satie's Gymnopédies.

A premium, open source component registry for SEO-friendly, high-performance React applications

A collection of customisable components to build Home Assistant dashboards.

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

Transfer List (dual-listbox) for moving items between two lists, with search, check-all and keyboard support. Works with Radix and Base UI.

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

A Minimalistic Web CMS for Next.js, optimized for Cache Components.

HeroUI's design system, shadcn's abstraction.

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

Crafted UI components, micro-interactions, and visual effects for React and Next.js.

Drop-in, themeable browser games for shadcn — Snake, 2048, Minesweeper, and more. Each is a single self-contained file with zero dependencies.

The components shadcn/ui doesn't ship. A collection of high-utility React components built on top of shadcn/ui.

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.

Thoughtful React components, blocks, hooks, and utilities for product engineers, built with Base UI and Tailwind CSS v4.

Iconiq is a collection of icons designed for web applications. It is a modern, clean, and minimalistic icon set that is perfect for web applications.

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

UI components and screen patterns for building apps on ikas.

High-level composed components for shadcn/ui — kanban, gantt, calendar, media editors, story viewers, flow canvas, forms, and more, each with optional demo fixtures.

UX4G 2.0 design system for India — many accessible React components and an 8-color theme preset for native apps.

batteries-included agent components by inference.sh. chat interfaces with streaming, tool invocation rendering, syntax-highlighted code blocks, markdown renderer, and more.

Conversion-focused marketing blocks and landing page sections for shadcn/ui, with a visual style editor, agent skills, and the first block of every category free to install.

Accessible React component library to copy, customize, and own your UI.

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

Isometric line figures and UI primitives for React. SVG drawings that answer the pointer, and buttons, cards and tabs that stand on their own depth.

A curated collection of GitHub-integrated, documentation, and developer-facing components. Self-contained, zero-dependency, and production-ready.

JolyUI is a modern React component library built with TypeScript and Tailwind CSS.

Components including MobileMenu, ScrollArea with gradients, Chat UI, HLSVideoPlayer, and Marquee.

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

A collapsible, syntax-highlighted JSON tree viewer component for React, built with Base UI

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

Cleanly designed components purposely built for open-source government portals.

A shadcn/ui registry of high-quality React blocks and templates.

1,000 icons on one 24×24 grid as React components, in stroke, two-tone, duotone and fill, each with rounded or sharp corners. Free under MIT.

Kibo UI is a custom registry of composable, accessible and open source components designed for use with shadcn/ui.

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.

Polished components for teams building exceptional products and experiences.

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

A professional collection of reusable, real-time computer vision components powered by MediaPipe

Carefully crafted landing page components and templates built with React, Shadcn/ui and Tailwind.

Composed shadcn blocks. Ask wraps Questionnaire with review, cancel, auto-advance, and HITL results for AI SDK addToolOutput.

Enterprise-grade design system and component library for LEMA-UFPB

A collection of social media components for use with Lens Social Protocol.

Modern UI Library for building media players in React. Powered by Shaka Player.

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

Liquid glass components for React with physically based refraction that works in Chrome, Safari and Firefox. Built on Base UI.

Dashboard-grade charts and UI primitives on semantic tokens: area, line, bar, pie, radar, sankey, KPI cards, meters, plus button, card, badge, input.

LMS components for building interactive learning experiences — quiz, flashcards, matching, fill-in-the-blank, word scramble, sequencing, reading comprehension, spaced repetition and more.

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.

Local-first, offline AI UI primitives + blocks - run ML models (chat, RAG, vision, audio) entirely in the browser. No servers, no API keys.

900+ brand logos for developers as typed React components with automatic dark mode and mono variants. Includes logo cloud sections and African brands. Free and open source.

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

Composable React components powered by Base UI and Tailwind CSS — Build fast, customize everything.

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

Beautiful maps, made simple. Ready to use, customizable map components for React. Built on MapLibre. Styled with Tailwind CSS.

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.

A playful, high-utility shadcn registry: PDF, DOCX and JSON viewers, redaction and bounding boxes, agent chat with tool calls, data tables, command palettes, OTP inputs, and shader fields.

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

A personal registry of production-ready ShadCN components and utilities. Everything is built to drop into your existing ShadCN project with no extra setup.

Ark-first React components, blocks, and themes with native CSS, available as a package or a shadcn-compatible copy-owned registry.

A modern React component library focused on intuitive interactions and seamless user experiences.

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.

Design systems measured from real product UIs — color roles, typography and spacing as themes installable with the shadcn CLI. Free open shelf; companion MCP server for AI coding agents.

A collection of hand-crafted interfaces built on top of MUI components

Components, application blocks, templates, and starter kits for modern React applications.

A small lab of the components we build every day, rethought for better feel.

Flat, minimal, iOS-inspired design system. 49 components, hooks, and blocks installable with the shadcn CLI.

Agentic UI toolkit for building MCP Apps. Open-source components and blocks ready to use within your chat app.

Composed ready to use shadcn components, just plug and play.

Neobrutalist React UI with staged press feedback, shared themes, and editable Next.js page templates, built with Base UI.

A collection of neobrutalism-styled components based on shadcn/ui

Production-ready components for agent platforms built on Neon. Database branching, connection strings, usage metering and project management UI, built with Base UI and Tailwind v4.

Beautiful, accessible components built with Tailwind CSS v4 and Radix UI. Includes auth blocks, data tables, and TanStack Form integration.

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

Open-source component library of composable, copy-paste primitives for building AI interfaces (chat, streaming, multimodal)

Composable, open-code data tables and an editable data grid built on TanStack Table: faceted and advanced filters, sorting, row and column drag-and-drop, virtualization, column resizing, and server-side pagination, installed a la carte.

Simple components for your extraordinary creations.

Mac OS 9 styled components for React. 60 retro UI primitives with platinum bevels, system fonts, and pixel-perfect details. Pure CSS, zero images.

Components and blocks for building modern dashboards, straight from the design system behind Notra.

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

Components for interactive computing notebooks.

Custom parsers, adapters and utilities from the community for type-safe URL state management.

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

The legislative record as installable parts: flags and seals for every U.S. jurisdiction, state district boundaries with a point-to-representative join, and the policy filters, imagery and directory search every GovBlock page reads.

A design focused component library for Next.js, built for speed, flexibility and developer experience.

Beautiful OG images, made simple. Ready to use, customizable Open Graph image components for React.

A component registry for OIDC policy forms. Pick identity providers, a form library, and a validation library, preview in the builder, then copy the code into your app.

Liquid glass components for React — real backdrop refraction, Apple-inspired, minimal and premium. Docks, sheets, command palette, knobs and more.

Open-source components for building terms, privacy policies and cookie banners.

Pixel-perfect, uniquely crafted.

A design system that distributes re-styled components, utilities, and hooks ready to use.

React Aria Components with shadcn characteristics.Copy-and-paste react aria components that run side-by-side with shadcn components.

Carefully built UI blocks for real apps and dashboards, designed to integrate smoothly from early ideas to production releases.

Carefully built UI blocks for real apps and dashboards, designed to integrate smoothly from early ideas to production releases.

Animated GSAP components crafted for smooth interaction and rich detail.

Drop-in components for building checkouts, pricing pages, and subscription management screens using Paddle Billing.

Curated OKLCH color themes for shadcn/ui + visual theme editor with CSS, Tailwind v4, and Figma export.

Liquid glass components for React.

Tailwind CSS components for React: KPI tiles, a lane board, flow diagrams, an interactive globe and more, from the PanelUI design system.

InstUI design tokens, themes, components, and interactions.

Open-source React components for AI agent interfaces: conversations, tool calls, approvals, background runs, and rich outputs.

pastebin + shadcn = pastecn. Paste your code and get a shadcn-compatible registry URL instantly.

Unified payments SDK for builders — handle checkout, billing, and webhooks across Stripe, PayPal, Adyen, and regional gateways with a single integration.

The photo editor for shadcn/ui. Typed React components on a WebGL engine: adjustments, curves, filters, crop and transform, export. Add the whole editor with one command, or compose your own.

A collection of modern React UI components with GSAP animations.

Components, hooks, visualizers, and composable blocks for Pipecat and voice AI.

A pixel-art open space where your scheduled jobs and AI agents come to work: running jobs sit and type, failed ones smoke.

Playful pixel art style components library built on top of shadcn. Perfect for retro style projects and games.

AI-powered rich text editor for React.

Source-first React visualization components for Recharts, D3.js, and Google Charts

The Poimandres design system: Material Design 3 colours, fonts, a shadcn preset, logos, Figma tokens and brand guidelines for pmndrs apps.

Accessible, production-ready React components built with React Aria Components and Tailwind CSS.

Open-source React and TypeScript tools from OpenMirai.

Powerful and flexible rich text editor for React, Vue, Preact, Svelte, and SolidJS.

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

Typed, accessible, theme-aware React/Tailwind components installable by the shadcn CLI or your AI coding agent. Free atoms plus composed Pro blocks.

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.

A framework-agnostic API client, pluggable storage adapters (LocalStorage, Convex, Supabase, PostgreSQL, MySQL), and React components for generating developer activity reports.

A curated component registry built on shadcn/ui.

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

Customizable Tailwind and Vanilla CSS components with adaptive interactions, top-tier accessibility, and internationalization.

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.

Modal component for react-easy-modals. Integrates with shadcn Dialog for a simple, powerful modal system with TypeScript support and promise-based API.

Vue-style slot composition for React - Fine-grained control over component composition

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.

The explorer for the shadcn registry ecosystem.

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

Shadcn components rewritten in Rescript, compatible with shadcn CLI.

Document-processing UI components for Retab — file, OCR, and data viewers, schema builders, dropzones, and extraction blocks, built on shadcn/ui.

A Neobrutalism styled React + TailwindCSS UI library for building bold, modern web apps. Perfect for any project using Shadcn/ui.

Free & open-source library of 1,000+ components and patterns to 10x your productivity in shadcn projects.

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.

Legacy skeuomorphic UI components and blocks for shadcn.

Core building blocks for AI apps. High-quality, accessible, and customizable components for AI interfaces.

Multi-brand design system components built on Base UI and Tailwind CSS v4 — semantic tokens, swappable brand layers, dark mode out of the box.

Free, open-source React components and patterns for AI interfaces, including prompts, streaming messages, reasoning, tool calls, citations, agents, memory, voice, and safety.

Own-your-code components rebuilt on Base UI with a motion.dev feel layer — springs, touch feedback, and depth — plus an agent-workbench tier (composer, voice, status, connectors) for AI-era interfaces.

Canvas effects for React, copied into your project as source. Starts with ordered dither: fire, lightning, sonar rings, a light beam, a sloshing fluid, rain and snow.

Base UI powered components, distributed through the shadcn registry.

A dark sci-fi fleet-ops UI kit. Restyled primitives plus HUD widgets: radar, gauges, telemetry bars, an interactive dot globe and dependency-free charts. Dark-only, radius 0.

Accessible, Customizable, Rich Text Editor. Made with Lexical and Shadcn/UI. Open Source. Open Code.

A map component for shadcn/ui. Built with Leaflet and React Leaflet.

ShadcnSpace is a collection of extra-ordinary, highly customizable shadcn/ui components, blocks, and themes to build modern UIs with speed and clarity.

An open-source set of shadcn/ui components, blocks, and templates with a powerful theme generator.

Shadcn blocks across standard collections and handcrafted premium collections, plus a beautiful templates. Start free, then unlock more with Pro.

A shadcn/ui registry with 1429 blocks, 1189 component variants, 14 templates, themes, and admin dashboard patterns.

A starter collection of polished shadcn/ui components and blocks built to production standards. Part of a larger Figma + React system designed to scale with your product.

A growing collection of high-quality blocks and themes for shadcn/ui.

A comprehensive React Hooks Collection built with Shadcn.

Beautiful map components powered by pure SVG.

A growing collection of shadcn/ui components, blocks, and templates for building modern web apps.

A collection of premium, production-ready shadcn/ui blocks, components and templates.

Launch your projects faster with admin dashboards, website templates, components, blocks, and pre-built real-world examples.

Copy-paste shader sections and components for shadcn/ui, built on Paper Shaders.

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

Search shadcn blocks and components across community registries from the CLI

A collection of customizable and tasteful components for shadcn/ui.

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

Curated agent examples you can copy into your app. Chat page, input, tools, and a worked fold.

Finished React components with every state and micro-interaction built in, plus a skill for your coding agent. Free with full source.

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

Brand new uncommon components for your Next.js project. Use with ease through shadcn CLI 3.0, featuring fast-growing components and collections that are easy to edit and use.

Open-source React and TypeScript design system with a token-driven foundation, live documentation, and machine-readable component contracts for coding agents.

A component library to build slide decks using code.

Beautiful presentations, made simple. Ready to use, customizable presentation components for React.

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

Components, blocks and templates from the open-source projects SolDevelo builds, starting with OpenLMIS. Built on Base UI.

A modern UI component library built with React and TailwindCSS to help you build beautiful and accessible web applications faster.

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.

Large collection of game, interface, retro, and voice sound effects for web applications

An open-source design library built for humans and AI to create expressive, polished, and high-quality interfaces, helping you build better products, faster

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.

Beautiful, sophisticated UI components designed for modern React and Tailwind CSS applications.

Collection of beautifully crafted open-source layouts UI built with shadcn/ui.

Playful on the surface. Precise underneath.

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.

A modern, accessible and composable Stepper component for React and Tailwind CSS. Built for shadcn/ui-style workflows with registry-first distribution.

Expertly crafted layouts and components for your next big idea

High-performance StyleX & Base UI toolkit for modern dashboards. Modular blocks and production templates, built with zero runtime CSS overhead.

A collection of React components and blocks built on the shadcn/ui library that connect your front-end to your Supabase back-end via a single command.

Open source confirmation components for shadcn/ui: undo, hold to confirm, type to confirm and more. Built on Base UI.

Business-focused React components, blocks and form fields for Next.js, built on shadcn/ui with React Hook Form, TanStack Form and TanStack Query.

A beautiful library with SVG logos.

SwiftUI components for iPhone, iPad and Mac, the shadcn/ui way. Native controls, design tokens, themes and dark mode. Install with the shadcn CLI and own the Swift code.

UI component library, Designed for flexibility, built for customization, and crafted to scale across variants and use cases.

Data table and filter builder blocks with search, sorting, pagination and URL-synced filters. Built for Radix UI, Base UI and React Aria.

Interface pieces that behave like hardware: an odometer that carries, a liquid-damped compass, a pull-cord lamp, engraved plates and a machined footer. Vanilla JS and CSS with React, Vue and Svelte wrappers. MIT.

Shadcn blocks designed for building modern marketing websites.

React UI Components, Powered by Tailwind CSS

Tailwind Builder provides free tailwind admin dashboard templates, components and ui-blocks built with React, Next.js, Tailwind CSS, and shadcn/ui to help you build admin panels quickly and efficiently.

Tailwind Builder is a collection of free ui blocks and components and provide ai tools to generate production-ready forms, tables, and charts in seconds. Built with React, Next.js, Tailwind & ShadCN.

Beautifully designed, accessible components that you can copy and paste into your apps. Made with React Aria Components and Shadcn tokens.

Beautiful terminal UIs, made simple. Ready to use, customizable terminal UI components for React.

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.

OpenTUI recipes, made simple. Ready to use, customizable terminal UI recipes for Core, React, and Solid.

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

Delightful components for a clean, accessible and modern component library for React Native.

A shadcn/ui registry with EchoText (`echo-text`): layered stroke text that follows the pointer—minimal setup, drop-in component.

A Tron-inspired shadcn/ui theme system with Greek god color schemes, glow intensity levels, and sci-fi components like DataCard, HUD, Radar, and more.

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

Beautiful, interactive documentation components for your design tokens following industry standards.

Open source React components for rendering AI tool call widgets and rich assistant outputs.

A component for building onboarding tours. Designed to integrate with shadcn/ui.

Open-source gamification UI components for streaks, achievements, leaderboards, points, and more. Built on shadcn/ui and Tailwind CSS.

Beautiful, accessible, and customizable React components for your telehealth applications.

Minimal, accessible components for AI apps: chat, agents and tool use. Streaming-first, built on Base UI and Tailwind.

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.

Typedora UI is a next-generation extension layer for shadcn/ui, designed to bring full type-safety to your UI components.

UI Layouts offers components, effects, design tools, and ready-made blocks that make building modern interfaces more efficient—built with React, Next.js, Tailwind CSS, and shadcn/ui.

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.

A curated collection of components that spark joy. Featuring interactive concepts, design experiments, and components in the intersection of AI/UI.

Launch with everything built. Just make it yours.

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

Production-ready file uploads: dropzones, queues, resumable S3 and R2 uploads, and 58 blocks for every style.

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

Inspiration for UI Interfaces. Discover UI ideas, micro-interactions, and components drawn from real products.

Fullstack registry items to start those big features. Utilcn has ChatGPT Apps, file uploading (with progress bars) and downloading, and a way to make your env vars typesafe on the backend.

Web3 UI components for blockchain dApps. Includes wallet connection, token swaps, NFT cards, staking interfaces, and 20+ more crypto components.

Production-ready WhatsApp Web UI components built on WDS design tokens with Tailwind CSS v4 and @base-ui/react.

A set of open source fully controlled React Inertia form elements

Washi at the ground, veils above, three lights beneath. A design system with Chinese & Japanese typography considered from the start.

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

A collection of wave players and waveform components built with wavesurfer.js and shadcn/ui.

A collection of accessible components built for use with Shadcn.

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.

A beautiful collection of copy-and-paste widgets for your next project.

Beautiful, accessible heatmap components for React: GitHub-style calendar, weekday x hour matrix, date x hour, and status timeline. Built with shadcn/ui conventions.

Theme-aware React weather, tide, and moon forecast components built with shadcn/ui.

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

10 essential shadcn/ui components for B2B SaaS: Pricing, Billing, Usage, and Onboarding. Minimalist Soft Brutalist design.

Landing page blocks for Astro. Zero-JS .astro blocks with no dependencies — installable in an Astro project without React — plus interactive React blocks on Base UI.

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.

React + Tailwind CSS components and landing pages. The free ones install with no setup; the rest with an UpFork token.

Personal well crafted components for Shadcn ui

Free, open-source UI component library built with Next.js, React 19, Tailwind CSS v4, and shadcn/ui — beautifully designed components you can copy, customize, and make your own.

An open source collection of accessible, contrast-gated React components on a warm neutral palette and a two-tier glass material — the VeloBits design system, authored once and shipped both as an npm package and as this registry.

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.

A complete video player for shadcn/ui: HLS, DASH and live streams, quality switching, keyboard shortcuts, and your theme out of the box.

An SVG world map that highlights the countries you've visited, lived in or want to see, with city pins, stats and optional zoom. No tiles or API keys. Works in Server Components.

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.

Beautiful, accessible React Native components (Uniwind or NativeWind) — copy, paste, own the code. 93 components plus pre-built screen blocks, installable with the shadcn CLI.

3D scenes for shadcn/ui. Theme-aware React Three Fiber components, one command away.

VLLNT UI — agent-first React components for AI-native products, from UI primitives to finance and ops domains. Accessible, Radix + Tailwind, you own the code.

Open source crypto market analytics components for shadcn/ui - candlestick trading charts, BTC rainbow chart, Fear & Greed and Altseason gauges, live from free public APIs.

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.

Expertly crafted blocks, components & themes for shadcn/ui.

A Tauri-first design system: thumb-first components with Metro-style pivot navigation, frosted bottom nav, and tap-again confirmations, on a CSS-variable token pipeline. Hardened across nine shipping apps before extraction.

Dark-first React / Next.js components and marketing blocks. Install with the shadcn CLI and own the source.

Copy-paste, session-gated access blocks for React — PIN/Knock Code unlock screens, protected routes/layouts/modals, a headless useKnockCodes hook, and full-page templates.

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.

The full OKLCH scale plus every variable shadcn components read, so anything you install lands on the same tokens instead of its own colors.

Web3 components for shadcn apps. Wallet identity, token logos, balances, and market UI primitives for EVM products.

A complete terminal UI system for shadcn with Base UI components, terminal-specific building blocks, and eight phosphor color themes.

Accessible React components for agent runs: tool call timeline, human-in-the-loop approvals, per-hunk diff review and run telemetry, typed against AI SDK message parts.

A complete blog for Next.js, installed like a component. Built to be read and cited by AI search engines.

Headless, Radix-based components for building quiz funnels — shadcn-style distribution, style entirely via className.

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.

A collection of components built on React Aria, Tailwind CSS, and tailwind-variants.

BillingSDK is an open-source React and Next.js component library for SaaS billing and payments. It offers ready-to-use, customizable components for subscriptions, invoices, usage-based pricing and billing - fully compatible with Dodo Payments and Stripe.

Agent-native design system for the shadcn CLI: 51 base components with a full variant, tone and size matrix on an OKLCH token layer, plus 307 styled variations. MIT.

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.

Data tables for React and shadcn/ui: faceted filters, sorting, infinite scroll, row detail sheet, and server-side filtering with Drizzle. Built on TanStack Table. Powered by openstatus.

Virtualized table components for shadcn/ui with sorting, resizing, and row selection.

A paper UI design system: shadcn/ui-compatible components styled as stationery, with six paper themes, fonts and theme CSS that install in one step.

Production-ready UI components designed for building beautiful AI assistants and conversational interfaces, from the team behind GAIA.

shadcn/ui components, hooks and AI blocks built on Base UI, with loading, error, empty and other hard states handled.

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.

LyteNyte Grid is a high performance, light weight, headless, React data grid. Our registry provides LyteNyte Grid themed using Tailwind and the Shadcn theme variables.

shadcn-compatible components, blocks, and illustrations that adapt to your existing design configuration.

Ready-made React components for almost any use case. Use as is or customise and go to market fast

Hand-crafted, accessible components for building beautiful status pages.

MIT registry of typed Payload CMS blocks for Payload v3 + Next.js. Each block installs as reviewable source; the companion CLI also wires collection config, RenderBlocks, types, and the admin import map.

RTL-first, copy-paste React components and UI blocks for Persian interfaces, built on Base UI and Tailwind CSS. Includes unique Persian-focused patterns with full LTR support.

An editorial design system for digital products — warm neutral grounds, ink-toned type, five themes and four accents, 51 blocks, WCAG 2.1 AA, and agent-ready docs (llms.txt, usage guides, Claude Code rules).

UI components and effects from sans's personal site, including a reverse-engineered Claude Code CLI terminal spinner.

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.

Beautiful README badges as a service. A shields.io alternative with the visual quality of shadcn/ui. Drop-in SVG badge components for npm, GitHub, Discord, and more.

Discover components, blocks, and more from independent teams. Browse previews and bring the source into your project.

A shadcn-ui compatible registry distributing 40+ glassmorphic React/TypeScript components with Apple-inspired design. Components include enhanced visual effects (glow, shimmer, ripple), theme support, and customizable glassmorphism styling.

Dark, data-dense React components for high-stakes decision surfaces: trading books, screeners, clinical dashboards. Hand-drawn SVG charts, no chart runtime.

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.

Sections, pages and components on shadcn/ui primitives, each with notes on when to use it, when not to, the UI rules it follows and the generic default it replaces. Also installs a compact rules file, TESSLI.md.

A set of beautifully designed components for modern web applications.

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.

Drag-and-drop file upload blocks for React built on react-mediadrop — dropzone, avatar uploader, multi-file upload form, and direct-to-S3 upload.

High-effect landing components, useful and easy to overuse.

Puffy, pastel claymorphism components and app blocks for React, built with Tailwind CSS v4 and Radix UI.

Opinionated components for shippers.

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

A collection of shadcn/ui blocks and page templates for building modern, fast, and beautiful websites. Built on Base UI. Works with CLI and presets.

A set of 8-bit styled retro components. Works with your favorite frameworks. Open Source. Open Code.

A set of beautifully designed components designed for developers who want niche, high-utility UI elements that you won't find in standard libraries.

Minimal, precise Himalayan-inspired React components on Radix primitives and Tailwind CSS. Buttons, overlays, tables, forms and agentic patterns you can own.

A collection of React components for the most common crypto patterns

A shadcn-compatible registry of reusable components, blocks, and utilities conforming to Vercel's components.build specification

A small collection of focused, production‑ready components and primitives for React/Next.js projects—built on shadcn/ui and complementary libraries.

Production-ready agents, made simple. Ready to use, customizable AI agent recipes. Built on Eve and Flue.

Animated faces for AI agents that show thinking, working, needs you, done, listening and speaking, with voice lip sync.

This is a shadcn/ui component registry that distributes copy-paste React components for building LiveKit AI Agent interfaces.