Collection · 23 picks · 2026

shadcn/ui blocks, templates and components

shadcn/ui made copy-paste components the default, and an ecosystem grew around it: community registries, block collections, animated variants, charts and tools for searching across registries. Most install with the same CLI, so trying one costs a single command.

Drawn from react ui component libraries.

Sort

shadcn/ui preview

shadcn/uiComponent librariesUI components you copy directly into your own codebase instead of installing them as a package.

21st.dev preview

21st.devComponent librariesA community shadcn registry where you preview components interactively before adding them.

shadcnblocks.com

shadcnblocks preview

shadcnblocksComponent librariesThousands of clean, ready-to-use website blocks built in the shadcn style.

8bitcn preview

8bitcnComponent librariesRetro, 8-bit styled UI components ready to drop into your shadcn projects.

Evil Charts preview

Evil ChartsComponent librariesAnimated SVG chart components designed to fit neatly into shadcn/ui projects.

Animate UI preview

Animate UIComponent librariesAccessible shadcn components brought to life with the Motion animation library.

Base CN preview

Base CNComponent librariesBase UI primitives repackaged to slot into the shadcn component workflow.

Watermelon UI preview

Watermelon UIComponent librariesA React component library built to fit within the shadcn ecosystem of tools.

Hexter UIComponent librariesA tidy, clean collection of components ready to use in your shadcn projects.

Kokonut UI preview

Kokonut UIComponent librariesCreative, interactive UI components packaged to work in the shadcn format.

Sera UI preview

Sera UIComponent librariesReact components designed to install directly through the shadcn command-line tool.

shadcn-cssinjs.com

shadcn-cssinjs preview

shadcn-cssinjsComponent librariesshadcn components reworked so they fit projects that use CSS-in-JS styling.

23rd preview

23rdComponent librariesshadcn-style components available for use in both React and Svelte projects.

shieldcn preview

shieldcnComponent librariesREADME badges styled to match the shadcn aesthetic for dressing up your project docs.

startercn.vercel.app

startercn preview

startercnComponent librariesA ready-to-fork shadcn/ui registry starter with docs, a landing page, and agent support.

shadcn-labs.com

Shadcn Labs preview

Shadcn LabsComponent librariesA collection of open-source registries and tooling for the shadcn/ui ecosystem.

dotmatrix.zzzzshawn.cloud

Dot Matrix preview

Dot MatrixComponent librariesA set of over fifty dot-matrix style loading animations built for shadcn projects.

Shoogle preview

ShoogleComponent librariesA search engine that indexes UI components across many different shadcn registries.

Odyssey UI preview

Odyssey UIComponent librariesA set of animated React components built on top of the shadcn component system.

Uiuno preview

UiunoComponent librariesAn AI-assisted workspace for organizing and managing your shadcn components.

sensory-ui preview

sensory-uiComponent librariesA sound-design system that adds audio feedback to shadcn/ui components.

shadcnstudio.com

Shadcn Studio preview

Shadcn StudioComponent librariesA library of shadcn/ui components, prebuilt blocks, and full templates.

shadcn-animated.vercel.app

Animated shadcn/ui preview

Animated shadcn/uiComponent librariesMotion-powered versions of the standard shadcn/ui components for animated interfaces.