Pinned Tweet
I had 14 tabs open just to keep up with AI.
arXiv, Papers With Code, every leaderboard, HuggingFace, half a dozen RL-env hubs...
So I built one screen for all of it.
The Bloomberg terminal for AI research.
It's called Sophon 🧵
27
28
502
42,385
Today, I turn 26.
In the past year, I:
• Built 3 projects
• Sold 2 of them for several million dollars
• Bought a $500k apartment and Porsche
The third project launched 5 weeks ago—760k views on Twitter, 120k users.
I love this life.
88
87
2,479
226,470
I spent 70 days full-time curating the ultimate library of @shadcn /ui-like components.
And today, I’m launching it publicly.
Here’s what it is:
• 730+ production-ready components from 50+ top design engineers
• Each component is yours to own - just like shadcn/ui
• Install everything with shadcn CLI: code, dependencies, hooks, global css and tailwind config extensions
It’s also optimized for AI code editors like @lovable, @stackblitz’s bolt. new, and @vercel’s @v0, with tailored prompts for effortless integration.
👉 21st.dev is live now. Build faster, own your code, and never struggle with UI setup again.
114
208
2,492
169,660
The best products of the 21st century have yet to be shipped.
With 21st, any idea can find its aesthetic and design, even if you aren’t a designer.
Meet the first vibe crafting tool for everyone….
So every product can have soul.
124
109
1,109
224,397
Wait, what just dropped in the 21st[.] library!? 🚀
Linear-style filters as a @shadcn /ui-like component!
That’s wild!
Link in the first comment🔥
14
41
1,012
77,296
Magic MCP is now live!
After 2 weeks in beta with 4k testers, Magic MCP is now publicly available
🔹 Customize default @shadcn components effortlessly
🔹 Get inspired by the huge 21st[.]dev library & share 50% revenue with creators
🔹 Find SVG logos instantly
Link below ↴
6
19
459
45,844
We’re live on Product Hunt!
• 800+ components from 50+ top design engineers
• Add with copy & paste or @shadcn CLI—code, dependencies, hooks, CSS, and Tailwind config included
• Optimized for AI editors like @lovable, @stackblitz, bolt, and @vercel’s @v0
👉 Link in the next post—please support!
15
22
449
32,221
Building modern apps just got easier! 🚀
With @lovable, @v0, and Bolt running on @stackblitz, the new 21st (dot) dev “Copy Prompt” feature is here to save you time.
📌 See something cool?
👉 Grab the prompt for your platform.
👉 Drop it in your chat.
Boom—you’re up and running! 💡
16
35
432
67,709
4 months ago, this was just a dream. today, it’s real.
meet Magic – an MCP AI agent that understands when you need a component and crafts it for you, inspired by real components published on 21st[.]dev & @shadcn /ui.
🚀 free during beta week
💰 50% revenue goes to 21st[.]dev publishers
join waitlist now – link in first comment!
20
29
417
40,778
Get stunning @shadcn /ui like components for your next project at 21st.dev
Compatible with @lovable , @v0, and @stackblitz
Check out this beauty from DavidHDev
Best handcrafted components published this week in the thread 🧵
10
22
335
27,718
🚨 Introducing Magic 2.0 Alpha by 21st[.]dev 🚨
Now available on Web 🧙♂️
✨ Generate 10 unique components
💬 Iterate & refine in chat
🔁 Copy the perfect prompt & use it in @boltdotnew
The fastest way to go from idea → reusable UI
Join waitlist below
21
28
239
48,704
✨ Recreated the iconic dotted background pattern from @motiondotdev's website using @shadcn /ui dialog
🎨 Features:
• Pixel-perfect dotted pattern
• Dark/Light mode support
• Blur effect backdrop
• Smooth animations
• Fully accessible
🛠️ Built with:
@tailwindcss
@radix_ui
@shadcn
🙏 Inspired by @mattgperry's beautiful design
🔗 Install via shadcn CLI
↓ Check the thread below
5
11
242
14,745
Meet Phion - the coolest way to vibecode in @cursor_ai, making it feel like a no-code tool.
It's so simple and fun! Available today!
16
12
173
16,167
Build stunning websites in no time with Bolt New by @stackblitz & 21st(dot)dev 🚀
🔍 Find a component
⚡️ Copy a prompt optimized for Bolt New
💬 Drop it in chat
And watch your friends wish they were you 💚
3
15
159
14,856
🚀 Introducing 21st[.]dev v2 UI – A Whole New Browsing Experience!
We’ve completely revamped the UI to make discovering and using components faster and smoother than ever. Here’s what’s new:
✨ Blazing-fast loading speeds
🏠 A redesigned home page with category filters for easier discovery
📂 An upgraded categories page featuring previews of the best components in each category
📌 A brand-new templates section showcasing top paid & free templates
🔍 Enhanced semantic search with a new, more intuitive search results page
⌨️ A powerful CMD+K menu packed with quick actions, section previews, and tons of Easter eggs
🛠️ My personal favorite – the Design Engineers tab featuring top component previews
Try it out now at 21st[.]dev and let me know what you think! 🚀🔥
13
8
109
5,910
Component page inspired by @raunofreiberg and @Gur__vi
5
4
110
6,322
🚀 Today we publicly releasing 21st[.]dev Magic Chat
🔥 Design-engineer-grade UI blocks, crafted in chat
👉Ask, tweak, copy the prompt straight into @boltdotnew
🌱 Half of every $ goes back to our dev community
Start vibing now, no waitlist → link in first comment ↴
13
8
105
10,188
Do you have an app that you absolutely love using?
My set:
🧵 1/2
Browser - @browsercompany
Calendar - @Cron
Task tracking - @linear
Team communication - @Threads
Link site - @joinbento
Crypto wallet - @Leto_xyz
6
5
98
28,655
A True Game-Changer for MCPs 🚀
What if AI coding assistants weren’t limited to just chat?
We’re prototyping a new way for Magic MCP to seamlessly bridge AI agents inside @cursor_ai, @windsurf_ai, @cline, and others with live web interactions.
💡 How it works:
1️⃣ Ask MCP to generate a button inside your IDE chat
2️⃣ It opens a web page with three design variations
3️⃣ You pick the best one visually
4️⃣ MCP reads your choice and fine-tunes the final result inside your code editor
This means MCPs can now extend beyond text and code, integrating fluidly with web-based interactions—a whole new way to refine AI-generated components in real time.
We haven’t released this yet, but it’s coming soon. Stay tuned!
4
5
96
8,293
21st (dot) dev is officially Product of the Day for January 11, 2025!
A huge thank you to the design engineers who inspired me to build this:
@dillionverma @shadcn @mannupaaji @pacovitiello @DavidePacilio @victorwelander_ @Ibelick @MBarvian @mikolajdobrucki @nonzeroexitcode @ln_dev7
Couldn’t have done it without your amazing work and ideas!
21
94
4,118
Not a fancy Porsche - just a 2016 Macan Turbo for $39K. But I love it like it’s a 911.
8
8
88
93,183
Who would say it’s not Magic?
Request a feature in your IDE → get a preview of 3 variations from different AI models, built on top of 21st dev’s community.
Click to choose - it’s instantly added to your code. No extra steps. Pure magic.
Link below ↴
12
5
88
7,249
Remember when I said
“A true game changer just landed on 21st[.]dev”?
This is it:
→ Paste a URL
→ Copy the full site UI
It’s live. It’s scary fast.
Go break the internet.
7
10
86
7,138
Yeah, I already use it! But when I replace "Image" with <img>, Cursor’s linter throws errors. Didn’t realize Vercel was gonna start charging this much though 😅
8
86
30,159
Today we are launching on Product Hunt with 21st.dev 2.0
→ Magic AI Component Generations
→ Remix any component with AI
→ Vs Code Extention
Support us now! Link in first comment
6
12
82
8,798
🚀 Meet Phion – your vibecode OS for building with AI.
Tired of setting up projects, configuring Git, or figuring out deploys?
Just open Phion — and start building. No setup, no friction, just flow.
Want early access?
Drop your email in the comments 👇
17
7
73
4,082
Recreated Tremor badges in the sleek @shadcn /ui style!
Check them out on 21st[.]dev. More cool, reusable components inspired by Tremor library coming soon.
Link in first comment ↴
1
4
63
4,556
15 growth hacks you should know in 2025.
Straight from SF Tech Week with Lovable & Notion.
🧵
22
7
51
4,025
Want your site to feel premium?
You can literally copy → paste components like this:
🪄 Glare Card
🪄 Hover Text Reveal
🪄 Glowing Effect
All published on 21st[.]dev — free to use.
No boilerplate. No weird setup. Just beautiful UI.
Video demo 👇
3
4
48
2,845
shipped a huge update to 21st.dev!
will post a video tomorrow.
there’s a brand new browsing experience with a fresh home page, categories page, and my favorite - the design engineers tab.
spent half my birthday coding this, haha
worth it!
7
2
49
7,900
Judging @boltdotnew submissions today reminded me why I love this space.
So many wild, creative, ambitious ideas.
Huge shoutout to everyone who pushed something out there - it’s not easy, but damn it’s worth it.
8
2
47
2,753
💸 Got awesome UI components? Turn them into up to $2,000 on 21st[.]dev!
We’re backing the best creators out there.
Winners announced each Monday — don’t miss it!
🔗 Link in the first comment
4
4
48
3,933
This MCP builds and show preview of three versions of any feature - right in your IDE
And it just got even better:
1. 🧠 Local context — understands the structure of your app
2. 🔧 Auto-fixes broken examples
3. ⚡ Hotkey-accessible for faster iterations
More in thread 🧵
8
6
47
3,353
I’m opening a few early spots inside 21st to personally work with founders and PMs.
We’ll use 21st together - I’ll help you explore product ideas, test new UX patterns, and actually solve your product challenges inside your real app.
I’ll jump into your flow, help you use 21st to its full potential, and make sure we ship something that feels right for your users.
The best products of the 21st century have yet to be shipped.
With 21st, any idea can find its aesthetic and design, even if you aren’t a designer.
Meet the first vibe crafting tool for everyone….
So every product can have soul.
34
5
48
11,147
Just for context - I had 42%. After taxes, buying a new apartment, and setting aside money for interior work, I’m back to being ‘hungry’ again, as Steve Jobs once said.
1
44
12,750
Okay, time to give @windsurf_ai a real shot.
As a designer, I can feel how much attention it gives to visual details. Even after @ryolu_ and the team started redesigning Cursor, Windsurf still feels ahead in that aspect.
Not fully switching yet, but gonna try working in it for a week and see how it goes.
Windsurf now has Browser Previews!
Not only did we bring preview functionality directly into the editor, but now you can also select individual components (and errors!) as @-mentions to send to Cascade in your next prompt.
5
2
45
5,234
Most founders I meet from Europe or post-Soviet countries don’t actually play to win.
They play not to lose.
And that’s why their companies never become great.
You can feel it in the way they talk - careful, defensive, always hedging.
The goal isn’t to create something legendary, it’s to “not f*ck up too hard”
That mindset kills creativity.
Because when your brain is busy avoiding failure, it stops seeing possibilities.
You start optimizing for safety, not greatness.
I used to think confidence was something you were born with.
But it’s actually a byproduct of how you frame the game.
If you think your goal is to survive, every risk feels like death.
If you think your goal is to evolve, every failure feels like data.
So the real switch is mental - don’t build to prove you’re not wrong - build to find out what could be right.
You’ll never create a legendary company by trying to protect your reputation.
You have to be willing to look stupid for a while - and obsessed forever.
Play offense.
Think in decades.
And stop trying not to lose.
4
3
46
2,697
Top 3 of the Week—despite launching on Saturday, with just two days of voting!
Thank you all for your incredible support 🙌
5
1
39
1,122
🎬 First look at our 21st[.]dev Vs Code extension
🔧 Refine existing components or create new ones by starting Magic Chat with your local page context
🧩 Get native suggestions for 21st[.]dev components
🤖 Send contextual prompts to @cursor_ai, @windsurf_ai, or @cline
2
5
41
2,606
🚀 Introducing @gaspump_tv - first launched and the biggest Pump dot Fun fork on TON
🧵 Here’s a thread about what it is and why it's HUGE 👇
12
16
29
14,301
Magic MCP isn’t great for exploring design options visually.
With @21st_dev team, we’re building something new - a place to save real examples, test multiple ideas side-by-side, and easily preview UI.
What do you think?
5
3
38
2,490
Today I got banned from my own startup’s GitHub.
Why? Because I can’t stop vibe-coding.
I’ve been doing it full-time for 2 years - one of the first vibe-coders on the planet.
Here’s how we got here🧵
8
1
40
1,327
21st[.]dev
DAU - 6,000
WAU - 27,000
MAU - 86,000
Magic MCP
DAU - 1,100
WAU - 4,880
MAU - 7,900
Active subscribers
106 (+171.8% WoW)
MRR
$1,234.33 (+175.2% WoW)
2
1
36
3,182
🚀 Launching the 21st[.]dev × Magic VS Code Extension
Pick any element on your local page and:
1️⃣ Shoot its full context straight into your IDE prompt.
2️⃣ See a console error? Mention it in chat and get an instant fix.
3️⃣ 🔍 Search 21st[.]dev for ready-made components and drop them exactly where you need.
4️⃣ ✨ Send a prompt to Magic to generate a brand-new block.
5️⃣ 🔁 Select a component and "Refine with Magic" for pixel-perfect polish.
🎥 Video shows it in action inside @cline.
🔗 Link in the first comment.
6
5
36
5,352
Got my 9th YC rejection today.
Been applying for five years now - only got an interview once, and twice they told me I was in the top 10%.
I think the YC application is, first and foremost, a way to be honest with yourself. And statistically, the expected value of applying is always positive, so not applying at all just feels weird.
I get that my profile isn’t the “ideal” one - no fancy university, no experience at a well-known startup. But I love building products and solving real problems. Along the way, I’ve built (and killed) a relatively big VC-backed startup with Naval as an investor, had one major multi-million exit, two smaller ones, and even learned how to code.
Startup School has been a game-changer at every stage of building.
So yeah, rejection day always stings, but I know I’m only 26, and this is just the beginning.
Oh, and Magic MCP public release is today 🚀
4
82
137,980
You might not know this, but Michael Seibel and Dalton Caldwell moved their show from the YC channel to their own channel.
Still the same useful startup talks.
If you liked it before - link below.
4
3
42
4,014
want to search @shadcn /ui-like components straight from your browser’s new tab?
here’s how to set up a custom search command in chrome & arc! ⚡👇
1
4
35
4,611
Best advice I got: occupy your competitors’ heads.
Make them stop thinking about users and start obsessing over you.
While they chase you, you build the product that kills them.
And if you’re the one thinking about competitors - stop.
Think about users.
That’s how you win.
2
3
34
1,339
Want to level up your client section? ✨
Try progressive blur + infinite scroll by @Ibelick – makes it feel smooth & premium.
🔗 Link to code in the first comment
1
2
35
2,028
stop wasting time searching for SVG logos.
Magic MCP (AI extension for Cursor & other IDEs) finds the perfect one for you in seconds. ⚡
shoutout @pheralb_ for the API!
join the waitlist now – link in first comment.
2
1
29
2,838
Excited to be judging the World’s Largest Hackathon with @boltdotnew & @Devpost! ⚡️
Pure chaos, energy — and vibecoding at its peak
It’s not about frameworks or boilerplate anymore
It’s about shipping fast, making it beautiful, and feeling the flow
That’s exactly what we believe in at @21st_dev
The future is vibe-coded
bit.ly/3SfWl1A
#worldslargesthackathon
8
1
33
1,417
Built a “Vercel toolbar for Cursor” this week during "Build with Cursor" event at their HQ - powered by the @21st_dev VS Code extension + @stagewise_io
Excited to see what else devs build on top of @cursor_ai background agent API.
1
34
16,049
One of the most inspiring founders I’ve ever studied isn’t from Silicon Valley.
He built a billion-dollar pizza company out of a basement in northern Russia.
His name is Fyodor Ovchinnikov — and his story changed how I think about startups🧵
10
2
33
3,727
Day 2 of rewriting 21st[.]dev’s architecture. Goal? Make publishing smoother and shift from just listing @shadcn /ui-style components to showing what you can build with them. One “Lego block” can create tons of cool stuff—time to highlight that.
Inspired by @pacovitiello and @DavidePacilio.
Here’s a sneak peek of what’s coming 👇🎥
5
1
31
2,956
Check out our shiny new website built by @oguzyagizkara and @necatikcl at 21st.dev
And join our waitlist to stay in the loop 💌
3
1
31
1,844
You can now install Magic MCP to Cursor in 1-click
MCP devs,
You can now add a “Add to Cursor” button in your readme for 1-click MCP installs
More details:
docs.cursor.com/deeplinks
1
31
3,428
Join waitlist now ↴
21st.dev/magic
2
3
29
2,318
Just sent the first 30 invites for Magic MCP – an AI that crafts UI components right in your IDE!
reminder: Magic is completely free during beta.
join 1200+ devs on the waitlist! 🚀
🔗 link below
4
3
28
8,841
Send money with zero fees in any network, without native tokens 🤯
How is it even possible? -> @Leto_xyz
2
3
21
2,102
Building with stunning UI has never been easier! ✨
21st[.]dev now lets you copy Replit-optimized prompts for seamless integration.
📌 See a component you love?
👉 Copy the prompt.
👉 Drop it into @Replit Agent.
Boom—beautiful UI, ready to go! 🚀
3
2
25
3,825
🚀 New on 21st.dev
Now you can see all the components you’ve liked!
Easily revisit and reuse your favorite UI elements.
1
2
25
1,430
I think in a year all AI tools will charge for access, not for usage.
Just like you pay $20/mo for SaaS now — but all tokens will flow through OpenAI or Anthropic.
“Continue with Google” → “Continue with Anthropic.”
It’s a no-brainer:
• we already pay them subscriptions
• they can share memory + integrations (Drive, Notion, etc.)
• startups won’t need to manage token billing anymore
@mikeyk when are you shipping this?
2
1
26
1,515
Just published @shadcn /ui-like component with brand new balloons-js lib by @artur_bien
Link in first comment ↴
Introducing "Text Balloons" 🎈🔥
A playful library we're using at @whop to create fun, and silly effects like this!
Check it out below 👇
2
26
2,641
I got tired of rebuilding the same UI components again and again
That’s why we made 21st[.]dev:
→ Copy → paste GREAT UI components into any project
→ No complex setup
→ Just beautiful code → ready to use.
Best components I found this week 👇
3
1
26
1,420
I’m posting this again, hoping it will have more attention!
We’re live on Product Hunt!
• 800+ components from 50+ top design engineers
• Add with copy & paste or @shadcn CLI—code, dependencies, hooks, CSS, and Tailwind config included
• Optimized for AI editors like @lovable, @stackblitz, bolt, and @vercel’s @v0
👉 Link in the next post—please support!
6
3
25
1,526
crazy how @iamsahaj_xyz literally set the template with tweakcn and then everyone copied - @Replit , @v0 , @MagicPathAI, even @21st_dev.
that’s history right there.
1
26
2,250
21st.dev + @lovable + @splinetool + @aceternitylabs = one-prompt magic 🪄
AI agent @lovable turned a single prompt into an epic website.
2
24
1,451
you can now copy prompts for any of our 1,000+ UI components directly from the main page and use them in AI-powered tools! 🚀
optimized for tools like @v0, @lovable, @stackblitz bolt new, @Replit Agent, @magicpatterns and @sitebrew_ai
🔗 link in first comment
2
25
1,947
A new shader section is featured on the 21st dev.
This is a call to our developer community. Vibe coders loves shaders, and we need more of them!
Check and publish using the link in the comments.
3
2
23
1,172
Something hot 🥵 is coming in @via_protocol v3
All in 1 transactions
@Kwenta_io @beefyfinance #buildinpublic
2
3
20
7,724
26 Dec 2024:
• 600 followers (mostly inactive)
• My startup 21st[.]dev: 700 WAU, 78 stars on GitHub, Product Hunt rejected featuring
12 Jan 2025:
• 2,000 followers (YC founders & design engineers)
• 27k WAU, 1.3k stars, Product of the Day on Product Hunt
Here’s how 🧵
3
2
23
1,877
As @stuffyokodraws once said, Magic MCP is the most polished one in the space.
So I thought… why not make it even more polished? 😏
Just finished crafting the onboarding experience - curious to hear your thoughts!
4
3
23
4,541
We’re #1 on Product Hunt today! 🎉
A huge thank you to everyone who supported 21st.dev—your upvotes and kind words mean the world to us. We’re thrilled to see so many of you excited about what we’re building.
The day isn’t over yet, so if you haven’t had the chance to check us out and support, there’s still time!
Let’s keep the momentum going! 🚀
3
1
23
1,830
Decided to focus on things that don’t scale for now - working 1-on-1 with teams, building the exact features they ask for, and aiming to make 10 teams truly happy this month.
By the way, our waitlist just passed 5K signups.
Feels good. Better than we expected.
1
23
1,115
Just revamped the @origin_ui components! Now with a clean structure, connected demos for each source component, and stunning photo/video previews.
Check it out!
2
21
764
If you look closely, you’ll notice that during the first 30 seconds of the livestream, I was still vibe-coding the Magic 2.0 waitlist page and had no idea we were already live 😂
Meanwhile, 232 people have already joined the waitlist
Stunning Design with 21st.dev & Bolt nitter.app/i/broadcasts/1ypKdZNqd…
1
21
1,365
Just levelled up the GitHub Stars Video app with @shadcn's next-theme and MotionFlow by @MBarvian.
Live demo → video-github-stars.vercel.ap…
Repo → github.com/serafimcloud/gith…
1
1
19
918
🔥 $2,000 Contest on 21st[.]dev — Reusable Components That Power Vibe Coders
Design engineers publish.
Vibe coders reuse.
You vote.
Everyone wins.
Help shape the future of modular UI.
Submit or support the best components now.
Link below ↴
1
1
20
6,996
My friend @daniel_dhawan - who co-founded 21st dev with me under Rork AI - just had his product, Rork[.]app, go viral! 🚀
1M+ views and nearly $80K ARR in just a few days.
Insane growth. Proud of you, man! 🫡
My jaw just DROPPED.
Rork lets you create entire iOS apps just by describing them!
Zero. Code. Required.
This changes everything for app development.
Rork blows Bolt out of the water (and yes, I invested immediately after trying it).
Watch this — it's crazy:
1
3
21
2,915
We’re thrilled to have @ln_dev7 on 21st[.]dev! 🎉
They just published their first component, making it easier than ever to find and install with shadcn CLI. Now, their work is more accessible to everyone🚀
Check it out in first comment
2
1
20
3,895
Good time to remind founders why startups actually die (by @paulg)
Not because of competitors.
Not because the idea was bad.
Not because the market wasn’t ready.
“When startups die, the official cause of death is always either running out of money or a critical founder bailing. Often the two occur simultaneously.”
- Paul Graham, “How Not to Die”
“Way more startups hose themselves than get crushed by competitors.”
- Paul Graham, “The Hardest Lessons for Startups to Learn”
Most startups don’t get killed - they self-destruct.
Energy fades, co-founders drift apart, and nobody notices the moment the team stops fighting for life.
Winners are just the ones who didn’t die
1
4
21
3,182
Just launched: You can now edit your published component's code!
This has been one of our most requested features. Happy coding! 🚀
1
3
18
813