21st

Building blocks for AI apps

[21st @21st_dev]

Liquid Sculpture Hero by @gughigugx
https://t.co/VyF7qbKxuR

[21st @21st_dev]

Almost 900 people saved this React component in a week

One of the fastest-rising hero sections on 21st this month

Copy + paste this into your AI agent 👇

[21st @21st_dev]

Works Wheel by Crafter UI
https://t.co/eNsVoshJZ7

[21st @21st_dev]

In 30 days, 2,000+ people saved this hero section component

One of the most-saved new React components on 21st

Copy + paste this into your AI agent 👇

[21st @21st_dev]

Works Wheel by Crafter UI
https://t.co/eNsVoshJZ7

[21st @21st_dev]

Glassmorphism Folder Cards by Kedhareswer Naidu
https://t.co/fjsE5Sfqqy

[21st @21st_dev]

2,000 people saved this UI component in 8 days

It's the fastest-rising component on 21st right now

Copy + paste this into your AI agent 👇

[21st @21st_dev]

thank you for publishing these on 21st @easemize @jatinyadav_05 @preetsuthar17 @arunachalam1104 @shabanhr @MrMinhthanh

[21st @21st_dev]

Save this for your next sign in page 👇

1. Sign In
https://t.co/R58w56e25n
2. Sign In Card
https://t.co/8ex25Gsjr1
3. Modern & Stunning Sign In
https://t.co/TwGDRPeCmS
4. Modern Login & Signup
https://t.co/TfKm9ggIMt
5. Modern Animated Sign In
https://t.co/wyAy72ZRLw
6. Auth Page
https://t.co/szJ2z9C9f4
7. Travel Connect Signin
https://t.co/2ykzMeepGX
8. Login Form
https://t.co/jaZxzs5nh7

We curated 139 sign-in and sign-up components on 21st, these are the 8 with the most bookmarks, out of 12,000+ components

1. Open your project in claude/codex/cursor
2. Copy & paste the prompt for the component on 21st into your AI agent
3. See the new sign-in in your app

Every sign-in and sign-up below ↓

[21st @21st_dev]

install the 21st skill:
npx @21st-dev/cli@latest init
npx skills add 21st-dev/skill

browse all sign-in and sign-up pages on 21st: https://t.co/ePOBUrgnrR

[21st @21st_dev]

Copy + paste any component into your AI agent 👇

https://t.co/jiongRgt2K

[21st @21st_dev]

Pricing UI that makes your SaaS look 10x more expensive

Diar Muradi (@diarmuradi) has a library of 27 components built for SaaS: pricing tables, add-ons, FAQs and sign-up screens.

Save this before you launch 🔖

[21st @21st_dev]

install the mcp + skill:
npx @21st-dev/cli@latest init
npx skills add 21st-dev/skill

browse the ai chat components: https://t.co/N7qGwt3GFn

[21st @21st_dev]

We built a library of 250+ chat UI components for AI apps

All made by design engineers: streaming text, tool-call inspectors, thinking states, permission prompts, artifacts

Copy & paste any component into your app

Link below ↓

[21st @21st_dev]

Paste the prompt into your AI agent 👇
https://t.co/8y4KoaaGLE

[21st @21st_dev]

Lanyard Badge by Kedhareswer Naidu

Link below. Save this React component for your next event website 🔖

[21st @21st_dev]

install the 21st skill:
npx @21st-dev/cli@latest init
npx skills add 21st-dev/skill

browse everything on 21st: https://t.co/7UaxxyMR3n

[21st @21st_dev]

If you're a designer, founder or frontend dev, bookmark these 8 pages on 21st 👇

1. Hero sections for your next landing page
https://t.co/C55D7Oxqga
2. Sign-in pages that don't look like a login
https://t.co/kZ2hZ3ShtT
3. Pricing sections for launch week
https://t.co/rVaIrwCCQ0
4. Shaders, 546 backgrounds that move
https://t.co/RDOyNU7Foy
5. Icons, animated ones too
https://t.co/jx90soTqFH
6. Themes you can paste into any shadcn app
https://t.co/94hTB5WEiT
7. Every shadcn registry in one directory
https://t.co/6r1Z1BrGyV
8. Full site templates, not just sections
https://t.co/CN3YRnKw4r

All of it made by design engineers, 12,000+ components in our collection

Copy & paste any of it into your AI agent (claude/codex/cursor) to add it into your app

The skill that does it for you is in the reply below

[21st @21st_dev]

Copy + paste any component into claude / codex / cursor to use in your apps:
https://t.co/FEUT9QK4wO

[21st @21st_dev]

ssych ui (@savvasicevs)

Financial UI components: candle charts, watchlists and heatmaps

Copy + paste any component into AI to use in your apps

If you're building a finance app, save this 🔖 → https://t.co/FEUT9QK4wO