21st.dev

Founded by Sergey Bunas in 2024

Infrastructure and UI building blocks for the agentic internet

Cost

Free

Rating

★ People love it

Time to value

Immediate

You can use 21st.dev to discover thousands of ready-made React components created by designers and developers in the community. Browse different categories like buttons, cards, modals, forms, and navigation menus. Copy the code for any component and use it directly in your React projects. The components cover everything from basic UI elements to complex features like AI chat interfaces and pricing sections. You can also remix existing components to fit your specific needs.

What 21st.dev does

Search for specific React component typesCopy component source code to clipboardBrowse components by categoryView component previews before copyingFilter components by popularity or recencyRemix existing components for custom needsContribute your own components to the communitySave favorite components for later useBrowse thousands of community-made React componentsCopy component code with one clickCategories for different UI element typesCommunity-driven component sharingSearch functionality to find specific componentsComponents range from simple to complex featuresRegular updates with new componentsFree access to all community components

Tutorials & Demos

Frequently asked

React

Want a tailored answer?

See whether 21st.dev fits your stack.

Techbible weighs 21st.dev against what you already pay for, your team shape, and the work that's actually happening. Free to start.

More in Developer Tools

All tools →

1771 Technologies: LyteNyte, Fastest in Class React Data Grid

LyteNyte Grid is a lightning-fast React data table with server-side loading, tree data, pivoting, and enterprise-grade features for scalable applications.

Abby

Unlock Agile Development with Abby: The Ultimate Open Source Feature Flagging Solution. Elevate Your Coding with Privacy-Centric, User-Friendly Tools & Advanced APIs!

Agno

Build and run secure multi-agent AI systems inside your own cloud

Backstage

Build and manage a developer portal with a unified catalog

Better Auth

The most comprehensive authentication framework for TypeScript.

BleachBit

Clean system files and free disk space

Clidey

Automatically generates and maintains project documentation from codebases.

Coder

The #1 self-hosted cloud development environment with over 50M open source downloads. Discover faster build times & reduce cloud costs with Coder today.