# 21st.dev

> Curated directory of crafted React, Tailwind, and shadcn UI components.

21st.dev is an open registry of React components, templates, and shadcn themes created by design engineers. Instead of installing a rigid npm package, users can preview components live and copy them directly as code or prompt snippets ready for AI coding agents like Cursor, Claude Code, and Lovable.

Website: https://21st.dev/

## What it is for

- Upgrade bland AI-generated landing pages with animated heroes and shaders
- Paste prompt-ready UI components directly into AI coding assistants
- Discover polished React and Tailwind design blocks for web applications
- Bookmark and organize reusable frontend components for design systems

## Features

- Over 12,000 crafted React and Tailwind CSS components and templates
- Compatible with shadcn/ui conventions for drop-in repo integration
- Copy-as-prompt support optimized for AI tools like Claude Code, Cursor, and Lovable
- Interactive live previews for buttons, navigation, footers, and complex animations
- Community contributions from established UI creators and libraries
- Personal and team bookmark lists for saving interface assets

## Pricing

Freemium. Free to browse with 2 free component copies per day; paid membership unlocks unlimited copies and premium templates.

## Details

- Type: Website
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: no
- Platforms: Web
- For: Frontend developers, indie hackers, and builders using AI coding assistants.
- Alternative to: shadcn/ui, Aceternity UI, Magic UI
- Tags: react, tailwind, shadcn, ui components, design system, ai tools

## Why it was saved

- [@adam_ha_yes, 19 August 2026](https://www.instagram.com/reel/DcOs3VwRK0B/): Provides copy-pasteable, modern design assets and component code to upgrade bland AI-generated web layouts.
- [@korablev, 8 January 2025](https://x.com/korablev/status/1876955103560597626): Source of high-quality copy-paste UI components for building products; compatible with AI tools like Lovable, v0 and Bolt.new.
- [@PrajwalTomar_, 29 May 2025](https://x.com/PrajwalTomar_/status/1928071078846370118): 12,000+ hand-crafted React and Tailwind CSS components, templates and shadcn themes; per its link card you can preview live and install with one command — prompts are copied into Bolt to upgrade individual UI sections

## Compare

- [Alternatives to Aceternity UI](https://xiry.app/alternatives/aceternity-ui.md)
- [Alternatives to Magic UI](https://xiry.app/alternatives/magic-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)
- [Magic UI](https://xiry.app/resources/magic-ui): Animated React and Tailwind UI components designed for landing pages (Website, Freemium)

Updated 3 October 2026. Page: https://xiry.app/resources/21st-dev

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.