34 alternatives to shadcn/ui (31 free)
34 alternatives to shadcn/ui, picked out of 6 saved Instagram reels and 35 liked tweets, from creators like @dillionverma, @Ibelick, @neropursue. 31 of them are free, freemium or open source.
Looking for shadcn/ui itself? shadcn/ui: Copy-paste React UI components built with Tailwind CSS and Radix primitives.
21st.dev is an open registry of React components, templates, and shadcn themes created by design engineers. Instead of installing a rigid npm package, users can preview components live and copy them directly as code or prompt snippets ready for AI coding agents like Cursor, Claude Code, and Lovable.
Magic UI is a component collection built with React, TypeScript, Tailwind CSS, and Motion that focuses on interactive animations and visual effects. It works alongside shadcn/ui to provide copy-paste components like animated lists, notification feeds, and background particles. While over 150 components are free and open source, it also offers a paid Pro tier with pre-built landing page templates.
Spell UI is an open source collection of polished React and Tailwind CSS components built for modern web apps and landing pages. It provides animated micro-interactions and creative UI elements—such as interactive cards, dynamic inputs, and gradient effects—that you can copy and paste directly into your project.
coss ui is an open-source React component library built on Base UI designed for both human developers and AI coding workflows. It provides over 500 modular components and particles spanning form inputs, navigation, overlays, and feedback elements. It speeds up interface development by offering accessible, ready-to-use primitives that can be integrated directly into web projects.
Cult UI is an open-source library of animated React components, blocks, and templates built to drop directly into shadcn/ui and Tailwind CSS setups. It includes over 150 components ranging from micro-interactions like hover-reveal cards to full UI flows like multi-step onboarding modals and device mockups. Everything is copy-pasteable, MIT licensed, and optimized for Next.js and TypeScript projects.
MicroKit UI is an open-source gallery of animated UI micro-interactions, such as glowing buttons, hover reveals, sliding tabs, and focus fields. Each interaction is provided as standalone React, CSS, or Tailwind code with no third-party runtime package required, and can also be installed directly via the shadcn CLI.
prompt-kit Primitives provides ready-to-use, composable fullstack blocks for React AI applications. Each primitive pairs a prebuilt UI component using Tailwind CSS and shadcn/ui with an API route powered by the Vercel AI SDK (v5). You can drop functional AI interfaces like streaming chatbots and tool-calling flows directly into your codebase using a single CLI command.
ReUI is a design system platform expanding shadcn/ui with over a thousand free components, animated special effects, and production-ready application blocks. It supports quick installation via shadcn CLI and integrates with coding agents through a hosted Model Context Protocol (MCP) server.
A list of seven practical UI component libraries and design resource hubs shared by indie creators. It helps front-end developers and designers find fresh, copy-paste components and design inspiration outside mainstream frameworks. Each entry includes direct web links and creator credits.
Aceternity UI is a curated collection of copy-paste React components and landing page blocks styled with Tailwind CSS and Framer Motion. It gives developers pre-built complex visual effects, such as 3D card perspectives, interactive globes, and animated borders, without building them from scratch. It is particularly popular for modern SaaS landing pages.
Aceternity UI Pro is a premium collection of copy-paste website templates and animated component blocks compatible with the shadcn CLI. Built on Next.js, Tailwind CSS, Motion, and TypeScript, it helps developers assemble modern landing pages without building complex animation interactions from scratch.
blocks.so is a free collection of production-ready React UI components built on top of shadcn/ui and Tailwind CSS. It provides pre-styled blocks for complex patterns like file uploads, AI chat, sidebars, and onboarding flows with code previews and direct v0 export. It helps developers quickly assemble web interfaces without building common layouts from scratch.
BoardUI is a component library and design system built with React, Tailwind CSS, and Figma tokens for dashboards and AI interfaces. It includes specialized blocks for AI applications, such as streaming agent task lists, thinking states, token limit cards, and Recharts-based data cards. It integrates via CLI and Model Context Protocol (MCP) so AI coding agents can install components directly into your codebase.
Catalyst is a collection of accessible, styled application UI components created by Tailwind Labs. Built on top of Headless UI and Tailwind CSS, it is delivered as copy-paste source code rather than an npm package, allowing full customization within your own project.
Dice UI is an open-source React component collection built with TypeScript and Tailwind CSS, fully compatible with shadcn/ui. It extends standard component registries with specialized primitives, notably input fields that automatically format and mask values like phone numbers, dates, credit cards, and currencies.
Hallmark is an open-source design skill and rule set for AI coding assistants like Claude Code, Cursor, and Codex. It prevents models from defaulting to generic AI templates by applying macrostructures, 21 distinct themes, and 57 anti-slop test gates to ensure each generated site looks unique and intentional.
HeroUI (formerly NextUI) is an open-source design system and component library built on top of React Aria and Tailwind CSS v4. It provides accessible, styled primitives across web and React Native apps, alongside native integrations for AI coding agents such as MCP servers and llms.txt files.
Kibo UI is a free, open-source component registry designed to extend shadcn/ui with React, Tailwind CSS, and Radix UI. It provides dozens of custom components (like color pickers and dropzones), full UI blocks, and over 1,000 ready-made component pattern variants to copy directly into projects.
Kobra is a component library built for React and Tailwind CSS that integrates directly with the shadcn CLI. Alongside standard layout, feedback, and form components, it provides specialized UI primitives for AI applications like reasoning steps, streaming text, file diffs, and task lists.
Nexvyn UI is a free, open-source React component library built with TypeScript and Tailwind CSS. It focuses on high-craft micro-interactions and smooth animations, with blueprint-style motion specifications. Components can be previewed live and installed directly via the shadcn CLI.
ObsidianUI is a free collection of animated React and TypeScript components styled with Tailwind CSS. It focuses on micro-interactions, cursor effects, and layout blocks that developers can preview and paste directly into their frontend projects. It includes landing page templates, motion utilities, and a companion CLI for easy installation.
Opensource UI is a curated collection of over 200 MIT-licensed React components built with Next.js, TypeScript, and Tailwind CSS. It focuses on a copy-paste workflow with no npm package dependencies, giving developers direct ownership of the source code. The library includes common interface elements, interactive widgets, and detailed CSS device mockups like iPhones, MacBooks, and Apple Watches.
PaceUI provides ready-to-use animated UI blocks, components, and templates for React, Next.js, and TanStack Start. It specializes in drop-in auth sections like login and registration forms featuring split layouts, social proof, and shader animations that can be installed directly or via an MCP server.
Pixel-Perfect is an open-source React component library focused on precise UI elements and custom animations, such as isometric SVG micro-interactions. It provides pre-built, responsive code designed to be copied directly into modern web projects. It is useful for frontend developers looking for polished interactive UI components without rebuilding animations from scratch.
Planes is a commercial React component library offering over 100 animated UI elements and interactive widgets built with Tailwind CSS and Framer Motion. Components are distributed shadcn-style directly into your project's codebase, giving full ownership over the source code. It includes an MCP server and llms.txt integration so coding assistants like Claude and Cursor can fetch and install components directly.
Shadcn Dashboard provides a production-ready collection of dashboard templates, UI blocks, and components for React, Next.js, and Tailwind CSS. It is built on Base UI primitives and comes pre-configured with auth, charts, tables, and AI-ready integrations like an MCP server and context-aware prompts.
ShadcnSpace is a UI library offering hundreds of ready-to-use blocks, components, and templates for React and Next.js applications. Built on Base UI and Radix UI primitives with Tailwind CSS, it allows developers to copy code directly or install sections via the shadcn CLI. It includes marketing layouts, dashboard interfaces, animated components, and matching Figma designs.
Skiper UI is an animated component library designed as an add-on layer for shadcn/ui and Next.js projects. It provides complex, highly interactive components like dynamic islands, image reveal effects, and cursor trails that can be added into a codebase with single CLI commands. Each component is self-contained in a single file with no extraneous dependencies.
Snappy UI is a collection of animated React UI components built on top of shadcn/ui, Tailwind CSS, and Motion. It provides ready-to-use interactive elements like image croppers and code displays that can be copied directly into projects with full documentation and props tables.
Solace UI is a component and layout library built for Next.js, Tailwind CSS, and Framer Motion. It offers pre-built UI components, animated elements, and full section blocks like bento grids, hero sections, and auth blocks for marketing websites.
Tailark (formerly known as NSUI) is a component registry built on top of shadcn/ui, Tailwind CSS, and Next.js. It provides ready-to-use marketing sections, landing pages, and illustrations designed for quick copying and pasting into web projects. The library supports multiple aesthetic styles and integrates with Radix UI and Base UI.
useLayouts is an open-source library of animated React components designed for quick copy-pasting. It combines Tailwind CSS and Framer Motion to provide micro-interactions, layout blocks, and navigation elements. Developers can preview components in the browser and adapt the unbundled code directly in their projects.
VantaUI is a UI component and template library modelled after production-grade SaaS products. It provides responsive site templates, app templates, blocks, interactive components, and Figma files built with Next.js, React, Tailwind CSS, and Framer Motion. It also includes an MCP server so AI coding agents can search and drop components directly into projects.
Vengeance UI is an open-source React component collection built with Tailwind CSS and Framer Motion. It provides pre-built, high-motion elements like displacement hover effects, animated tooltips, and scroll-driven cards. Developers can install individual components directly into their Next.js or React projects via the shadcn CLI.