Glassmorphism Folder Cards by Kedhareswer Naidu
21st.dev/@kedhareswer/compon…
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 ↓
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…
thank you for publishing these on 21st @easemize @jatinyadav_05 @preetsuthar17 @arunachalam1104 @shabanhr @MrMinhthanh
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 đź”–
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…
Paste the prompt into your AI agent 👇
21st.dev/@kedhareswer/compon…
If you're a designer, founder or frontend dev, bookmark these 8 pages on 21st 👇
1. Hero sections for your next landing page
21st.dev/community/component…
2. Sign-in pages that don't look like a login
21st.dev/community/component…
3. Pricing sections for launch week
21st.dev/community/component…
4. Shaders, 546 backgrounds that move
21st.dev/community/component…
5. Icons, animated ones too
21st.dev/community/icons?utm…
6. Themes you can paste into any shadcn app
21st.dev/community/themes?ut…
7. Every shadcn registry in one directory
21st.dev/community/shadcn-di…
8. Full site templates, not just sections
21st.dev/community/templates…
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
install the 21st skill:
npx @21st-dev/cli@latest init
npx skills add 21st-dev/skill
browse everything on 21st: 21st.dev/?utm_source=x&utm_c…
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 🔖 → 21st.dev/@ssychui/library/ss…
Copy + paste any component into claude / codex / cursor to use in your apps:
21st.dev/@ssychui/library/ss…
3D Testimonials by Sean Hello (@reui_io)
React testimonials on a tilted 3D wall that keeps scrolling in an infinite loop.
Save this for your next landing page đź”–
→ 21st.dev/@sean0205/component…
Hand the prompt to claude / codex / cursor, or set up the 21st MCP once and install it from chat: 21st.dev/mcp?utm_source=x&ut…
