Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Framework

shadcn/ui

Beautifully designed, accessible components you own and customize.

Visit shadcn/ui4.9

  • Rating

    4.9 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is shadcn/ui?

shadcn/ui is a hugely popular open-source collection of beautifully designed, accessible React components built with Tailwind CSS. Instead of installing a package, you copy the components into your codebase and customize them freely.

Third-party open-source projects. We are not affiliated with their authors; repositories are provided as-is by their maintainers. Review each project's license, code and security before installing. See our Disclaimer.

Pros: what shadcn/ui does well

  • You own the component code fully
  • Accessible and beautifully designed defaults
  • Massive ecosystem, themes and community support

Cons: where it falls short

  • Requires React and Tailwind knowledge
  • Copy-paste model means manual updates

Who shadcn/ui is for

React developers who want beautiful, customizable UI components without vendor lock-in.

Who can skip it

Non-developers or teams on non-React stacks.

shadcn/ui alternatives

Not sold on shadcn/ui? These do a similar job, and each card says what it has in common.

All Workflows resources

Great UI

Focus: framer motion and typescript. Shares ui components and react with shadcn/ui. Rated 4.4 (shadcn/ui: 4.9).

FrameworkFreeWeb
4.4Visit

Kokonut UI

Focus: nextjs and motion. Shares ui components and react with shadcn/ui. Rated 4.6 (shadcn/ui: 4.9).

FrameworkFreeWeb
4.6Visit

daisyUI

Focus: tailwind css and themes. Shares ui components and web development with shadcn/ui. Rated 4.7 (shadcn/ui: 4.9).

FrameworkFreeWeb
4.7Visit

React Bits

Focus: animations and effects. Shares ui components and react with shadcn/ui. Rated 4.7 (shadcn/ui: 4.9).

FrameworkFreeWeb
4.7Visit

Flowbite

Focus: tailwind css and figma. Shares ui components and web development with shadcn/ui. Freemium (shadcn/ui: Free). Rated 4.6 (shadcn/ui: 4.9).

FrameworkFree planWeb
4.6Visit

Free alternatives to shadcn/ui

Want to spend nothing? These free picks cover similar ground.

Kobra Input OTP

Focus: ui, component and otp. Shares react and tailwind with shadcn/ui. Rated 4.5 (shadcn/ui: 4.9).

FrameworkFreeWeb
4.5Visit

Spectrum UI

Focus: nextjs, components and animation. Shares react and tailwind with shadcn/ui. Rated 4.5 (shadcn/ui: 4.9).

FrameworkFreeWeb
4.5Visit

Kumo

Focus: cloudflare. Shares react and ui components with shadcn/ui. Rated 4.4 (shadcn/ui: 4.9).

FrameworkFreeWeb
4.4Visit

Rare UI

Focus: components. Shares react and tailwind with shadcn/ui. A website, not a framework. Rated 4.6 (shadcn/ui: 4.9).

WebsiteFreeWeb
4.6Visit

OpenUI

Focus: generative ui, framework and streaming. Shares open source and react with shadcn/ui. Rated 4.7 (shadcn/ui: 4.9).

FrameworkFreeWeb, Cross-Platform
4.7Visit

Storybook

Focus: ui development, components and testing. Shares react and open source with shadcn/ui. Rated 4.7 (shadcn/ui: 4.9).

FrameworkFreeWeb
4.7Visit
Are you the maker of shadcn/ui?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.