@21st_dev

Building blocks for AI apps

 San Francisco
21st.dev
Joined October 2025
  • Tweets198
  • Following2
  • Followers3.8K
38Media
850+ people saved this footer component in a week The fastest-rising footer on 21st right now Copy + paste this into your AI agent 👇
1
8
321
Halftone Wordmark Footer by Kedhareswer Naidu 21st.dev/@kedhareswer/compon…

Halftone Wordmark Footer | Community Components | 21st

Halftone wordmark footer: an enormous brand word cropped by the bottom edge and printed in halftone dots that part around the pointer on springs and warm in colour as they move; click to send a shock...

21st.dev
73
Every wallpaper here is a live shader. Pause it where you like it and that exact frame becomes a 4K wallpaper for your iPhone or Mac. Or take it as an 8-second loop.
21st
@21st_devOct 25
Introducing 21st Wallpapers: free 4K wallpapers for your iPhone and Mac Made from 300+ shaders, all built in React Link below ↓
1
8
759
Introducing 21st Wallpapers: free 4K wallpapers for your iPhone and Mac Made from 300+ shaders, all built in React Link below ↓
1
1
7
1,249
21st.dev/wallpapers?utm_sour…

Free shader wallpapers for iPhone and Mac in 4K | 21st

326 live shaders made on 21st, free as wallpapers: stop one where you like it and take that frame in 4K, or an 8-second seamless loop, for your iPhone and your Mac.

21st.dev
1
137
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 👇
2
1
39
1,583
Liquid Sculpture Hero by @gughigugx 21st.dev/@gughigug/component…

Liquid Sculpture Hero | Community Components | 21st

Editorial hero with a 3D sculpture that turns into ~125k liquid particles under the cursor. Light/dark switch, mobile layout, WebGL2.

21st.dev
196
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 👇
2
15
928
Works Wheel by Crafter UI 21st.dev/@crafterui/componen…

Works Wheel | Community Components | 21st

A portfolio/project index that displays items in a ring around a title and, on scroll or drag, opens into a 3D drum carousel you turn through one item at a time.

21st.dev
1
264
Works Wheel by Crafter UI 21st.dev/@crafterui/componen…

Works Wheel | Community Components | 21st

A portfolio/project index that displays items in a ring around a title and, on scroll or drag, opens into a 3D drum carousel you turn through one item at a time.

21st.dev
41
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 👇
7
21
297
9,154
Glassmorphism Folder Cards by Kedhareswer Naidu 21st.dev/@kedhareswer/compon…

Glassmorphism Folder Cards | Community Components | 21st

Glassmorphism folder cards: frosted-glass folders that assemble on scroll, lean toward the pointer, open to fan out their files as clickable items, and take new files with a drop-in animation....

21st.dev
4
720
Save this for your next sign in page 👇 1. Sign In 21st.dev/@jahed/components/s… 2. Sign In Card 21st.dev/@jatin-yadav05/comp… 3. Modern & Stunning Sign In 21st.dev/@preetsuthar17/comp… 4. Modern Login & Signup 21st.dev/@pulseawan/componen… 5. Modern Animated Sign In 21st.dev/@arunachalam/compon… 6. Auth Page 21st.dev/@efferd/components/… 7. Travel Connect Signin 21st.dev/@coderislive07/comp… 8. Login Form 21st.dev/@minhxthanh/compone… 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 ↓
4
1
15
1,088
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: 21st.dev/community/component…

103+ Sign in Components for React & Tailwind | 21st

Find 28 sign-in React components built with Tailwind CSS, perfect for secure and stylish authentication flows in your Next.js apps.

21st.dev
1
2
279
thank you for publishing these on 21st @easemize @jatinyadav_05 @preetsuthar17 @arunachalam1104 @shabanhr @MrMinhthanh
4
107
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 đź”–
1
1
10
747
Copy + paste any component into your AI agent 👇 21st.dev/@diarmuradi?utm_sou…

Diar Muradi — 30 React Components, Preview & Copy | 21st

Browse Diar Muradi's 30 open-source React components on 21st — preview live, copy the TSX, or install via the shadcn CLI.

21st.dev
1
223
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 ↓
4
1
19
1,073
install the mcp + skill: npx @21st-dev/cli@latest init npx skills add 21st-dev/skill browse the ai chat components: 21st.dev/community/component…

248+ AI Chat Components for React & Tailwind | 21st

Enhance your sites with 78 AI chat UI components for React, perfect for building modern conversational interfaces using Tailwind CSS.

21st.dev
236
Lanyard Badge by Kedhareswer Naidu Link below. Save this React component for your next event website đź”–
2
12
750
Paste the prompt into your AI agent 👇 21st.dev/@kedhareswer/compon…

Lanyard Badge | Community Components | 21st

3D lanyard badge card with rope physics: drag it and the strap pulls taut, flick to spin, tap or use the built-in button to flip to the back. Verlet rope on canvas plus a CSS 3D card whose faces take...

21st.dev
181
Load more