Component Library - Shadcn Templates

98 themes in this category

Sponsored
Shadcnblocks — premium shadcn/ui blocks and templates
Shadcnblocks logo

Shadcnblocks

by shadcnblocks

The ultimate block set for shadcn/ui & Tailwind. 1,630 blocks, 1,684 components, and 15 templates for React, Next.js & Astro.

Efferd screenshot
efferd's avatar

Efferd

by efferd

Ready-to-use shadcn/ui blocks and components — modern, responsive sections installable via the @efferd registry.

Base UI screenshot
mui's avatar

Base UI

by mui

Unstyled, accessible React components for design systems and web apps. From the creators of Radix, Floating UI, and MUI — composable primitives with no bundled CSS.

Bklit UI screenshot
bklit's avatar

Bklit UI

by bklit

Open-source charts and data visualization components for React — area, bar, line, pie, radar, sankey, candlestick, and more with shadcn-style docs.

Obra shadcn/ui screenshot

High-quality shadcn/ui Figma library with Nova, Vega, and Luma styles, Pro Blocks, Tailwind 4 colors, Lucide icons, theming, and React Pro Blocks registry.

Recharts screenshot
recharts's avatar

Recharts

by recharts

Composable charting library for React built on SVG and D3. The foundation behind shadcn/ui Charts, Evil Charts, and many dashboard UIs.

Shadcn UI Charts screenshot
shadcn-ui's avatar

Shadcn UI Charts

by shadcn-ui

Official shadcn/ui chart components built with Recharts. Copy-paste area, bar, line, pie, radar, radial charts, and tooltips into your apps.

Shadcndesign screenshot
shadcndesign's avatar

Shadcndesign

by shadcndesign

shadcn/ui kit for Figma with Pro Blocks, templates, a Figma-to-code plugin, and Agent Skills for exporting designs to production-ready React components.

shadcn-map screenshot
shadcn-map's avatar

shadcn-map

by shadcn-map

Shadcn-map is a versatile map component designed specifically for shadcn/ui, utilizing the powerful Leaflet and React Leaflet libraries.

Square UI screenshot
square-ui's avatar

Square UI

by square-ui

Square UI is a comprehensive collection of beautifully crafted open-source layout user interfaces built specifically with shadcn/ui, designed for developers working with React and Next.js.

Systaliko UI screenshot
systaliko-ui's avatar

Systaliko UI

by systaliko-ui

Systaliko UI is a versatile UI component library tailored for developers using shadcn/ui, providing a wide range of customizable components designed to enhance flexibility and scalability.

Emerald UI screenshot
emerald-ui's avatar

Emerald UI

by emerald-ui

Emerald UI is a collection of components designed for developers using Motion, GSAP, Tailwind CSS, and shadcn/ui.

FrameCN screenshot
framecn's avatar

FrameCN

by framecn

FrameCN is a collection of beautiful video components designed specifically for React, aimed at developers looking to enhance their applications with visually appealing video functionalities.

nuqs screenshot
nuqs's avatar

nuqs

by nuqs

Nuqs is a collection of custom parsers, adapters, and utilities designed for type-safe URL state management, specifically tailored for developers utilizing shadcn/ui within their applications.

React Easy Modals screenshot
react-easy-modals's avatar

React Easy Modals

by react-easy-modals

React Easy Modals is a robust modal component designed for developers working with React and Next.js, providing a simple and effective way to implement modals in applications.

Goose UI screenshot
gooseui's avatar

Goose UI

by gooseui

Goose UI is an open-source component library designed to enhance the development experience for React and Next.js developers.

Clerk Shadcn UI screenshot

Clerk Shadcn UI is a powerful set of official components designed specifically for authentication and user management in React and Next.js applications.

Componentry screenshot
componentry's avatar

Componentry

by componentry

Componentry is a premium React UI component library designed for developers looking to create modern product UIs with beautiful and interactive elements.

Loading UI screenshot
loading-ui's avatar

Loading UI

by loading-ui

Loading UI is a comprehensive collection of spinners, loaders, and loading animations designed specifically for modern web applications.

BaseLayer screenshot
baselayer's avatar

BaseLayer

by baselayer

BaseLayer is a versatile collection of components designed for developers working with shadcn/ui, leveraging the power of React Aria and Tailwind CSS.

Jal-co UI screenshot
jalco's avatar

Jal-co UI

by jalco

Jal-co UI is a component library designed specifically for developers working on shadcn/ui projects, offering a collection of GitHub-integrated and documentation-focused components.

ScrollX UI screenshot
scrollxui's avatar

ScrollX UI

by scrollxui

ScrollX UI is an open-source component library designed for developers utilizing React and shadcn/ui, providing animated and interactive elements for modern web interfaces.

DotMatrix screenshot
dotmatrix's avatar

DotMatrix

by dotmatrix

DotMatrix is a collection of production-ready dot-matrix loading components designed specifically for React applications, catering to developers seeking to enhance user experiences with engaging animations.

Shield CN screenshot
shieldcn's avatar

Shield CN

by shieldcn

Shield CN is a service that provides beautiful README badges, serving as a compelling alternative to shields.io, specifically designed for developers using shadcn/ui.

React Bits screenshot
react-bits's avatar

React Bits

by react-bits

React Bits is a comprehensive collection of animated, interactive, and fully customizable React components designed for developers looking to create memorable websites.

shadcnmaps screenshot
shadcnmaps's avatar

shadcnmaps

by shadcnmaps

shadcnmaps is a collection of interactive map components designed specifically for shadcn/ui projects, utilizing pure SVG technology.

Spell UI screenshot
spell's avatar

Spell UI

by spell

Spell UI is a collection of beautiful, sophisticated UI components tailored for modern React and Tailwind CSS applications, specifically designed for developers and design engineers.

Blockus screenshot
blockus's avatar

Blockus

by blockus

Blockus is a collection of production-ready React blocks specifically designed for developers utilizing shadcn/ui and Tailwind.

Mapcn screenshot
AnmolSaini16's avatar

Mapcn

by AnmolSaini16

Mapcn is a collection of beautiful map components designed for developers who require dynamic mapping solutions in their applications.

Satisui screenshot
satisui's avatar

Satisui

by satisui

Satisui is a comprehensive UI kit designed for developers utilizing shadcn/ui, offering a collection of beautifully engineered components aimed at streamlining the development process.

Forgeui screenshot
AmanShakya0018's avatar

Forgeui

by AmanShakya0018

A library of React components for smooth, fast front-end development.

Auth0 Universal Components screenshot

Official Auth0 shadcn registry of pre-built React components for MFA, SSO, organization management, and identity workflows — install via @auth0 namespace or the ui.auth0.com registry.

Commercn screenshot
commercn's avatar

Commercn

by commercn

Commercn is a collection of Shadcn UI blocks designed specifically for ecommerce websites, catering to developers looking to expedite their project builds.

React Aria screenshot
react-aria's avatar

React Aria

by react-aria

Craft world-class accessible React components with custom styles — 50+ primitives with adaptive interactions, i18n, and shadcn-installable examples on the new docs.

Creative Tim UI screenshot
creative-tim's avatar

Creative Tim UI

by creative-tim

Creative Tim UI is a collection of open-source UI components, blocks, and AI agents designed specifically for shadcn/ui projects.

AnimBits screenshot
animbits's avatar

AnimBits

by animbits

50+ production-ready animation components for React, powered by Framer Motion. Copy-paste buttons, cards, text effects, loaders, icons, and page transitions into any shadcn/ui project with a single CLI command.

SVGL screenshot
svgl's avatar

SVGL

by svgl

SVGL is a library designed for developers seeking a collection of high-quality SVG logos that can be easily integrated into their projects.

Iconiq screenshot
iconiq's avatar

Iconiq

by iconiq

Iconiq is an open-source animated React icon component library tailored for developers using the shadcn/ui framework.

Shadcnspace screenshot
shadcnspace's avatar

Shadcnspace

by shadcnspace

Open-source shadcn/ui blocks, components, and layouts built with React, Tailwind, and Base UI.

Shadcn Studio screenshot
shadcnstudio's avatar

Shadcn Studio

by shadcnstudio

Shadcn Studio is an open-source collection of shadcn/ui components, blocks, and templates designed for developers who are creating modern web applications using React and Next.js.

Wensity screenshot
wensity's avatar

Wensity

by wensity

Wensity is a collection of motion-rich React components designed specifically for building AI interfaces, SaaS blocks, and cinematic interactions.

BaseCN screenshot
basecn's avatar

BaseCN

by basecn

BaseCN is a comprehensive collection of beautifully crafted shadcn/ui components designed specifically for developers working with Next.js and React.

COSS UI screenshot
coss's avatar

COSS UI

by coss

COSS UI is a modern UI component library designed for developers and AI-assisted workflows, built on top of Base UI.

Termcn screenshot
termcn's avatar

Termcn

by termcn

Termcn is a collection of beautiful terminal UI components designed specifically for React, catering to developers who seek to create visually appealing and functional terminal interfaces.

Remocn screenshot
remocn's avatar

Remocn

by remocn

Remocn is a collection of production-ready animation components designed specifically for Remotion, making it perfect for developers looking to enhance their video projects with dynamic visual elements.

Delta Components screenshot

Delta Components is a high-performance component library designed for developers creating AI and media-rich interfaces, particularly those utilizing Next.js and React.

ElevenLabs UI screenshot
elevenlabs's avatar

ElevenLabs UI

by elevenlabs

A collection of Open Source agent and audio components that you can customize and extend. Build voice-enabled AI applications with beautiful UI.

Shadcraft screenshot
Shadcraft's avatar

Shadcraft

by Shadcraft

A premium React component library that gives you production-ready shadcn/ui layouts, perfect visual parity with Figma, and fast, scalable builds out of the box.

Ruixen UI screenshot
ruixenui's avatar

Ruixen UI

by ruixenui

Ruixen UI is a lightweight and customizable React component library. Build beautiful interfaces with minimal overhead.

Shadcnblocks screenshot
shadcnblocks's avatar

Shadcnblocks

by shadcnblocks

The ultimate block set for shadcn/ui & Tailwind. 1630 blocks, 1684 components, and 15 templates for React, Next.js & Astro.

Shuip screenshot
plvo's avatar

Shuip

by plvo

Provides ready-to-use, business-focused components that help you ship faster. Build production-ready applications with pre-built UI components.

Billingsdk screenshot
dodopayments's avatar

Billingsdk

by dodopayments

Modern Billing & Monetization UI Components Library

Re-UI screenshot
reui's avatar

Re-UI

by reui

Open-source collection of UI components and animated effects built with React, TypeScript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.

Evil Charts screenshot
legions-developer's avatar

Evil Charts

by legions-developer

Beautiful animated chart components for React and Next.js, built on shadcn/ui and Recharts with bar, line, area, pie, radar, and composed chart variants.

AI Elements by Vercel screenshot

AI Elements is a component library and custom registry built on top of shadcn/ui and Vercels AI SDK to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more.

Commerce UI screenshot
stackzero-labs's avatar

Commerce UI

by stackzero-labs

Collection of components to build e-commerce sites and commerce apps. Built for React, Next.js, Tailwind CSS and shadcn/ui.

Native UI screenshot
nativeui-org's avatar

Native UI

by nativeui-org

A set of beautifully-designed, accessible React Native components distributed via the shadcn registry. Works with Expo and your favorite tools. Open Source.

HextaUI screenshot
preetsuthar17's avatar

HextaUI

by preetsuthar17

modern, responsive, and customizable ui components.

Smooth UI screenshot
educlopez's avatar

Smooth UI

by educlopez

SmoothUI is a collection of beautifully designed components with smooth animations built with React, Tailwind CSS, and Motion

Animate UI screenshot
imskyleen's avatar

Animate UI

by imskyleen

Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Browse a list of components you can install, modify, and use in your projects.

Sera UI screenshot
seraui's avatar

Sera UI

by seraui

A helpful UI library for design engineers. Use cool animations and components with just a copy and paste. Free and open source

Glasscn UI screenshot
itsjavi's avatar

Glasscn UI

by itsjavi

shadcn/ui component library with glassmorphism variants, and many additional components. Beautiful frosted glass effects for modern UIs.

Intent UI screenshot
irsyadadl's avatar

Intent UI

by irsyadadl

Intent UI is a chill set of React components, built on top of React Aria Components and Tailwind CSS. Easy to customize and just copy & paste into your React projects.

Blocks.so screenshot
ephraimduncan's avatar

Blocks.so

by ephraimduncan

An open-source library of UI blocks. Built with React, Tailwind and shadcn/ui

Tailark screenshot
tailark's avatar

Tailark

by tailark

Shadcn marketing blocks

NativeCN screenshot
tailwiinder's avatar

NativeCN

by tailwiinder

A React Native UI component library inspired by shadcn/ui. Get beautiful, accessible UI components for your React Native apps by copying and pasting code.

8bitcn UI screenshot
theorcdev's avatar

8bitcn UI

by theorcdev

A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code.

Zard UI screenshot
zard-ui's avatar

Zard UI

by zard-ui

A collection of beautiful and accessible components for Angular based in Shadcn/ui and Ng-zorro. Fully open source and free

Aceternity UI screenshot
aceternity's avatar

Aceternity UI

by aceternity

Beautiful Tailwind CSS and Framer Motion components, blocks, and templates. Copy-paste UI with free components and an All-Access Pass for premium blocks.

Cult UI screenshot
newcult's avatar

Cult UI

by newcult

Cult UI Pro — polished shadcn marketing blocks, components, full-stack patterns, and Next.js SaaS templates. Open-source components on GitHub; lifetime license for blocks, templates, and updates.

Pro Motion Primitives screenshot

Motion-Primitives Pro helps you ship websites that feel alive with handcrafted motion components, sections, and templates.

Myna UI screenshot
praveenjuge's avatar

Myna UI

by praveenjuge

TailwindCSS and shadcn/ui UI Kit for Figma and React

Skiper UI screenshot
skiper-ui's avatar

Skiper UI

by skiper-ui

Outstanding and unique react and shadcn/ui components. A selection of rare blocks and components.

Prompt Kit screenshot
ibelick's avatar

Prompt Kit

by ibelick

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

Launch UI screenshot
launch-ui's avatar

Launch UI

by launch-ui

Landing page kit built with React, Shadcn/ui and Tailwind that you can copy/paste into your project.

Spectrum UI screenshot
arihantcodes's avatar

Spectrum UI

by arihantcodes

Spectrum UI is a collection of re-usable components built using Aceternity UI Magic UI and ShadCN UI that you can copy and paste into your apps.

Assistant UI screenshot
assistant-ui's avatar

Assistant UI

by assistant-ui

Typescript/React Library for AI Chat

View Shadcn UI screenshot
devlive-community's avatar

View Shadcn UI

by devlive-community

View Shadcn UI 是一个基于 Tailwind CSS 构建的 Vue3 组件库。

Kibo UI screenshot
haydenbleasel's avatar

Kibo UI

by haydenbleasel

A custom registry of composable, accessible and open source shadcn/ui components.

Kokonut UI screenshot
kokonut-labs's avatar

Kokonut UI

by kokonut-labs

Collection of components built for Next.js and React with Tailwind CSS and shadcn/ui

Origin UI screenshot
origin-space's avatar

Origin UI

by origin-space

Origin UI is an extensive collection of copy-and-paste components for quickly building application UIs. Powered by Tailwind CSS and React.

Solid UI screenshot
stefan-karger's avatar

Solid UI

by stefan-karger

Beautifully designed components. Built with Kobalte & corvu. Styled with Tailwind CSS.

Shadcn Flutter screenshot
sunarya-thito's avatar

Shadcn Flutter

by sunarya-thito

Shadcn/UI ported to Flutter (Unofficial)

UI Layouts screenshot
ui-layouts's avatar

UI Layouts

by ui-layouts

100+ Free beautifull interactive react/nextjs component based on tailwindcss, framer-motion, gsap etc

Simple AI screenshot
simple-ai's avatar

Simple AI

by simple-ai

Components and blocks to easily build AI apps. A collection of ready-to-use UI components designed specifically for AI-powered applications.

Midday Components screenshot
midday-ai's avatar

Midday Components

by midday-ai

A collection of open-source components based on Midday features. Beautiful, production-tested components from a real SaaS application.

Shadcn UI screenshot
shadcn-ui's avatar

Shadcn UI

by shadcn-ui

shadcn/ui is a collection of beautifully designed, accessible, and customizable UI components for React, built on top of Radix UI and styled with Tailwind CSS. Shadcn revolutionized UI libraries with a copy-paste model, giving developers full control without dependencies. Its component registry l...

Motion Primitives screenshot

UI kit to make beautiful, animated interfaces, faster. Customizable. Open Source.

Gluestack UI screenshot
gluestack's avatar

Gluestack UI

by gluestack

React & React Native Components with Tailwind CSS. Universal components that work across web and mobile platforms.

RetroUI screenshot
logging-stuff's avatar

RetroUI

by logging-stuff

A retro-styled UI library for modern web applications.

Inspira UI screenshot
unovue's avatar

Inspira UI

by unovue

Build beautiful website using Vue & Nuxt.

Shadcn Vue screenshot
unovue's avatar

Shadcn Vue

by unovue

Vue port of shadcn-ui

Eldora UI screenshot
karthikmudunuri's avatar

Eldora UI

by karthikmudunuri

Eldora UI is a collection of re-usable components that you can copy and paste into your web apps. It primarily features components, blocks, and templates.

TWBlocks screenshot
tommyjepsen's avatar

TWBlocks

by tommyjepsen

Website blocks to copy/paste - based on shadcn & Radix using Tailwind and NextJS

Page UI screenshot
danmindru's avatar

Page UI

by danmindru

Landing page UI components for React & Next.js, built on top of TailwindCSS

Magic UI screenshot
magicuidesign's avatar

Magic UI

by magicuidesign

UI library for design engineers — animated components and effects to copy and paste, plus 50+ premium sections and templates with Framer Motion.

Shadcn UI Expansions screenshot
hsuanyi-chou's avatar

Shadcn UI Expansions

by hsuanyi-chou

More components built on top of shadcn-ui.

Neobrutalism Components screenshot

A collection of neobrutalism-styled Tailwind components.

Radix UI screenshot
radix-ui's avatar

Radix UI

by radix-ui

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.