21st

21st is a platform for discovering community-made UI components, offering a vast library ranging from marketing blocks to functional interface elements.

Free + paidWebAPIOpen sourceLLM-based

Visit website21st.dev

Compare with 10Web Explore 21st alternatives

Overview

21st is a platform for discovering community-made UI components, offering a vast library ranging from marketing blocks to functional interface elements. It provides access to hundreds of categorized resources such as heroes, backgrounds, buttons, forms, and specialized elements like shaders and AI chat interfaces. The platform targets developers and designers looking to build or enhance web interfaces efficiently by utilizing pre-built, community-tested components. It also features legacy tools like Magic MCP and Magic Chat. While specific pricing tiers were not detailed in the text, the platform aggregates free and premium community submissions.

Key features

Extensive library of marketing and functional UI components
Diverse categories including AI chats, shaders, and forms
Community-driven feed with featured and new components

Pros & cons

Collected from user feedback found in web search

Cons

React와 Tailwind CSS만 지원해 Vue/Svelte 사용 불가

Pricing

Free + paidStarting price: $0 (Free plan available); paid plans start at $6/month billed yearly

View pricing page

Verified on: 8/23/2026 · Recheck pricing on the official page

Use cases

Building marketing landing pages
Creating chat interface layouts
Assembling form and input sections

Who it is for

DevelopersUI designers

Integrations

ReactTailwind CSSshadcn/uiFramer MotionGitHubCursorClaudeLucide

How we verified this

Company, pricing, and feature details come from the primary sources below and our latest verification pass. When sources disagree, the official source and the most recent check win.

Last verified 08/23/2026Verified sources: 2