14 alternatives · updated 2026

shadcn/ui alternatives

14 component libraries that cover the same ground as shadcn/ui. Each one has a live preview, so you can compare the feel of them side by side before opening any site. They are ordered by how closely they match shadcn/ui’s description and tags.

The original

shadcn/ui — UI components you copy directly into your own codebase instead of installing them as a package.

Visit ui.shadcn.com

21st.dev preview

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

Sera UI preview

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

Sona UI preview

Sona UIComponent librariesAnimated React components you copy into your codebase and fully own and restyle.

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.

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.

Looking wider? Browse all react ui component libraries.