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

Website

21st

12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.

Visit 21st4.7

  • Rating

    4.7 / 5

  • Pricing

    Freemium

  • Difficulty

    Beginner

  • 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 21st?

21st is a library of more than 12,000 hand-crafted React and Tailwind CSS components, templates and shadcn themes made by real design engineers. Preview components live and install any of them with one command — for you or your AI agent.

Pros: what 21st does well

  • Huge, quality-controlled component library
  • Live previews before you install
  • One-command install, including for AI agents

Cons: where it falls short

  • Best value requires React and Tailwind projects
  • Some premium items are paid

Who 21st is for

Developers and design engineers who want production-quality UI parts fast.

Who can skip it

Teams building fully custom design systems from scratch.

21st alternatives

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

All Workflows resources

shadercn

Focus: shaders, webgpu and wgsl. Shares react and components with 21st. Free (21st: Freemium). Rated 4.5 (21st: 4.7).

WebsiteFreeWeb
4.5Visit

ForgeUI

Focus: ui components, design and animation. Shares react and tailwind with 21st. Rated 4.4 (21st: 4.7).

WebsiteFree planWeb
4.4Visit

UIAble

Focus: ui components. Shares shadcn and react with 21st. A framework, not a website. Rated 4.4 (21st: 4.7).

FrameworkFree planWeb
4.4Visit

audiocn

Focus: audio. Shares react and shadcn with 21st. A framework, not a website. Free (21st: Freemium). Rated 4.3 (21st: 4.7).

FrameworkFreeWeb
4.3Visit

Planes

Focus: motion. Shares react and components with 21st. A framework, not a website. Paid but Affordable (21st: Freemium). Rated 4.3 (21st: 4.7).

FrameworkPaid but AffordableWeb
4.3Visit

Rare UI

Focus: open source. Shares react and components with 21st. Free (21st: Freemium). Rated 4.6 (21st: 4.7).

WebsiteFreeWeb
4.6Visit

Free alternatives to 21st

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

Coded Visuals

Focus: animated visuals, landing pages and marketing. Shares react and shadcn with 21st. A framework, not a website. Free (21st: Freemium). Rated 4.6 (21st: 4.7).

FrameworkFreeWeb
4.6Visit

Detail

Focus: design, interaction design and inspiration. Shares ui with 21st. Free (21st: Freemium). Rated 4.5 (21st: 4.7).

WebsiteFreeWeb
4.5Visit

UI Skills

Focus: ui design, design engineering and frontend craft. Shares components with 21st. Free (21st: Freemium). Rated 4.5 (21st: 4.7).

WebsiteFreeWeb
4.5Visit

uncoverLAB

Focus: figma, ui design and website components. Shares templates with 21st. Free (21st: Freemium). Rated 4.5 (21st: 4.7).

WebsiteFreeWeb
4.5Visit

pdfcn

Focus: pdf, documents and developer tools. Shares react and components with 21st. A framework, not a website. Free (21st: Freemium). Rated 4.4 (21st: 4.7).

FrameworkFreeWeb, Cross-Platform
4.4Visit

Velora UI

Focus: animated components. Shares react and shadcn with 21st. A template, not a website. Free (21st: Freemium). Rated 4.4 (21st: 4.7).

TemplateFreeWeb
4.4Visit
Are you the maker of 21st?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.