shadcn

@shadcn246k followers

I own a computer. / @vercel

Open on X
Top outlier
34.3×
Best organic post
Peak views
1.2M
Single post
Bookmarks
94k
Across 100 organic posts
Last scan
Oct 16
Community cache
Posts 100 posts
#DatePost↓ OutlierViewsLikesRepostsBookmarks
1Oct 18, '24Introducing sidebar.tsx—25 components to help you build all kinds of sidebars. I don't like building sidebars. So I built 30+ of them. All types. Then simplified the core into side34.3×1.2M11k1.1k4.9k
2Jul 5, '24Introducing Charts. A collection of chart components that you can copy and paste into your apps. Built on top of Recharts. Beautifully designed. Open Source.31.7×1.1M12k1.1k5.1k
3Mar 14, '25Haven’t googled a programming question in months…31.6×1.1M2.6k8574
4Aug 30, '24Introducing the new CLI. Install anything from anywhere—add components, themes, hooks, functions, animations, and generated code to your apps. This marks a major step forward in di29.9×1M5.8k5592.8k
5Aug 12, '25This is madness. What are we doing!28.2×971k7.4k5023.3k
6Aug 8, '23I’m joining @vercel as a Design Engineer to continue building customizable UI components for the open source community. Something incredible coming your way! Can’t wait to get star27.9×960k8.6k379196
7Sep 26, '25The components are ready. Docs written. Human testing done. I've now sent them to @v0 to try and break.26.6×916k3.7k104867
8Oct 3, '25New components. This time it’s the boring stuff. The things we rebuild over and over. Made into components. Button Group, Field, Input Group, Empty States, Item. They compose beaut24.8×853k5.4k3801.9k
9May 28, '25Google is one good UI away from leading this AI race.23.2×796k11k362506
10Sep 14, '23Introducing v0 by @vercel - v0 generates custom components on the fly that you can copy and paste into your existing codebase. Need a component? Just Ask - @jaredpalmer @shuding @m21.5×737k5.2k6971.5k
11Jul 29Launching Copper, a Mac app for capturing things you want to keep and prompts you want to try next while working with AI. The more I use AI, the more I find myself collecting littl19.7×676k3.5k1343.4k
12Jan 24, '23It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. 19.4×668k3.5k4111.5k
13May 19, '23Introducing the Form component. Build accessible forms using react-hook-form and Radix UI. ◆ Composable & Accessible ◆ Validation using Zod ◆ Full control over markup ◆ Styled 17.6×606k2.8k3011.2k
14Apr 30, '25Introducing the registry mcp. One command to make any component registry mcp-compatible. Your Design System. Now with AI. Zero config. We've got a lot to cover. Let's get started. 17×584k6k5635.4k
15Mar 17, '25Just open-sourced the app I built to test Tailwind v4. • Tailwind v4 + React 19 • Custom themes, colors & scaling • Data Table with filters • Draggable & editable rows Code15.7×539k6.5k3834.7k
16Jun 12, '231️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI an15.5×533k2.7k2191.2k
17May 26, '25In the System Prompts.14.3×492k4.1k104721
18Aug 7, '25Client: How much do you charge? Me: $400/hour (with thinking) & $20/hour (without thinking)14×481k11k548613
19May 29, '24we're working on charts for shadcn/ui. 📈13.7×469k6.7k3611.1k
20Oct 28, '25📦 I just published the Registry Directory: a list of code registries you can browse and pull code and components from. Built into the CLI. No config required.13.3×456k2.1k1542k
21Jun 27, '23What if you had docs that is personalized for you... What if you could customize components before you copy and paste...😁12.3×422k3k259421
22May 9, '23Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Ke12.3×421k3.2k294811
23Jul 19, '25Here’s the app idea. But first the problem: - Our conversations are scattered across apps - Answers are wall of text. You only care about 1-2 lines - Copy-pasting useful parts is t12×413k2.3k671.9k
24Dec 22, '23✨We've added new components to shadcn/ui and made improvements to the CLI. ◆ Drawer, Carousel, Pagination, Sonner & Resizable ◆ Support for custom Tailwind prefix ◆ Shipping ea11.8×406k2.8k311450
25Jun 10, '25Just realized I don’t have a list of apps using shadcn/ui. If you or your company’s using it in production, can you drop a link below? Thank you.11.5×395k3.4k511.1k
26Oct 25, '24Do all shadcn/ui apps look the same? No. They don't have to. Think of shadcn/ui as a coloring template - it provides the outlines & structure. Black & white. A starting poi11.4×393k3.2k1721.3k
27Nov 13, '25✅@X is now using shadcn/ui. Joining xAI, Grok and Grokipedia.11.2×386k4.1k101284
28Mar 4, '24Dropping new components this week. What do you need?11.1×381k1.9k47183
29Nov 11, '24Not a component library. A component distribution system. Pull components from anywhere. Add code that looks like your own.10.4×358k2.3k83496
30Mar 11, '25The Tweet that changed everything.10.2×349k4.4k153689
31Oct 4, '24I wanted to share the following 10 Tailwind techniques. These will come in handy next week. For those who don’t use Tailwind, here be dragons! 1/10 - Let’s start simple. Set a CSS 10.1×349k5.5k5817.1k
32Jul 9, '25ChatGPT charging $200/month was a Neymar-to-PSG moment. It bent the entire subscription pricing model. Everything is now $200.10.1×348k4.5k163198
33Sep 24, '25New components drop next week. They are really good.9.9×341k3.9k107186
34Nov 10, '24👀9.8×337k3.5k146498
35Mar 4, '25For chatbot builders: Enter = new line. Cmd/Ctrl + Enter = submit. Please.9.8×336k5.7k299402
36Mar 3, '25I was taught, early in my career, to be cautious with criticism. Someone worked really hard on the thing you’re criticizing. That said, I’m gonna break the rule. Siri is ridiculous9.7×332k7.1k194403
37Mar 22, '24We’re launching Blocks. One of the most requested features since launch. Blocks are ready-made components that you can copy and paste into your projects. Responsive, accessible and9.5×327k2.8k169705
38Jan 9, '24One of the joys of life is making an API request and getting JSON back. I dunno how to explain it.9.2×315k4.1k467137
39Aug 27, '25shadcn CLI 3.0 is now available: support for namespaced registries, advanced authentication, new commands, and a completely rewritten registry engine. Let’s take a look at what’s n9.1×313k3k222762
40Feb 24, '25Work in Progress. Date Pickers and Calendars.8.9×306k6.1k155542
41Oct 1, '23Game over!8.8×301k2.2k170364
42Jan 15, '25I highly recommend this course by @emilkowalski for web animations. If you’re a student learning web dev, send me a dm with your GitHub. I’ll buy the course for you.8.7×300k3.4k1651.8k
43Aug 30, '24It's launch day. This is gonna be a big one!8.7×300k2.3k5698
44Apr 17, '25shadcn is the top comment here. Thank you. Here's why I call it a way to build your component library and NOT a component library. "If you start a React project without shadcn/ui t8.1×279k2.1k68720
45Feb 10, '25Need: an iOS app that pulls links from my Twitter bookmarks, Safari Reading List, etc., and puts one on my home screen (as a widget) every day.7.8×267k2.2k441.2k
46May 24, '24Daylight.7.8×267k2k52745
47Dec 9, '24Sora (.com) is built using shadcn/ui 😎7.6×261k4k145855
48Mar 28, '24Shipped. We’ve added 3 new e-commerce dashboards to Blocks. More to come soon.7.5×257k2.5k120603
49Oct 10, '25I just published the full guide to building forms with the Field component: - TanStack Form & React Hook Form - Zod validation and displaying errors - Practical examples we’ll 7.4×254k3.2k1972.3k
50Jun 20, '25Some thoughts on Radix, component libraries, and shadcn/ui. We’re at that point in the web dev cycle where we’re talking about component libraries again. That’s okay. With Radix re7.3×251k2.7k184894
51Apr 8, '25Alright, check this out! I'm going to build a custom dashboard with supabase auth and a custom theme by "piecing together blocks from the Web". 1/n - Let's start by adding the dash7.2×247k2.4k1502.6k
52Feb 17, '25react-scan by @aidenybai goes in every project. Absolute game-changer.7.2×247k3.3k841.3k
53Apr 3, '25The name I copied from the GitHub repo breadcrumb. The logo is the default textarea resize handle. 😎7.1×243k2.4k61252
54Mar 7, '25We’re the last generation of programmers of our kind. The magic of writing code is quietly slipping away.7.1×243k2.3k113187
55Jan 15, '23How I use Tailwind in Next.js 👇6.8×234k2.3k2641.2k
56Mar 26, '24wip6.6×227k3.3k93675
57May 22, '25Wild to think that with everything going on, Apple’s about to get on stage in two weeks and confidently say “Here’s a new iOS design.”6.5×224k2.9k69112
58Jan 4, '24🏆 Project of the Year. Thanks everyone!6.4×219k3k149201
59Oct 14, '24sidebar.tsx is good to go. we launch this week!6.3×216k4.9k1771k
60Jan 15, '25🏆 shadcn/ui wins project of the year. Two years in a row. Thanks, everyone.6.1×209k4.2k148300
61Jul 4, '24An update on charts.6.1×209k2.1k39104
62Mar 7, '24We've added two new components: the most-requested breadcrumb and a new Input OTP.6.0×205k2.3k125229
63Sep 10, '24Tailwind is such a joy to use. If you learn one utility class, you know all utility classes. If you implement something on one project, it works on all projects. And it never break5.9×202k4.3k279277
64Feb 2, '25Tailwind v4 is coming. I’m not just upgrading—I’m refining everything: React 19 support, trying new patterns enabled by v4 and checking every community feedback on GitHub. I'm full5.7×196k5k174331
65Aug 7, '23Introducing Themes. Hand-picked colors that you can copy and paste into your apps. This builds on top of the Styles API. Pick a style with some sane defaults, add your colors and m5.3×183k2k208359
66Jun 6, '25The new calendar.tsx is here: → Latest react-daypicker → Tailwind v3 and v4 → Date, range & time pickers → Persian, Hijri & timezone support → 30+ examples to copy, paste, 5.2×178k5k2691.2k
67Jan 27, '25But seriously, where’s Apple in all of this? Apple Intelligence is clearly not working. Somehow Siri got worse…5.1×175k2k6158
68May 14, '25Lies.5.1×175k3.2k115150
69Aug 20, '24Been waiting for this to drop. New calendar/date picker component coming soon. 📅5.0×173k2.2k87536
70Mar 11, '25Wrote this all by myself. No Cursor. No Sonnet. No GPT. 🤣4.9×168k2.9k37192
71Jun 5, '25Calendar. Tomorrow. 30+ examples.4.8×167k4.3k136737
72Nov 3, '24🎉 shadcn/ui is now fully compatible with React 19 (and Next.js 15).4.8×167k3.2k178294
73Jun 10, '25Oh no :)4.6×159k2.1k47183
74Oct 25, '22Your Next.js 13 upgrade guide: ⬇️4.5×05.1k1.2k2.1k
75Dec 14, '24LLMs are getting really good at shadcn/ui. If you're planning to have your UI (or parts of it) be generated in the future, shadcn/ui is a solid base to bet on now.4.4×151k2.5k107586
76Feb 3, '25shadcn/ui is now the default react ui library for @laravelphp 🤯4.4×151k3.8k147307
77Jun 30, '25New "You're absolutely right" just dropped. 🙃4.3×148k3.1k61121
78Jul 15, '24Shipping more chart examples this week - including advanced tooltips, custom radial bars, reference lines, label list, data shapes and more.4.2×145k3.2k143558
79Oct 16, '24Adding 15 new blocks so that you can build all kinds of sidebars. One-click install with the cli or copy paste.4.1×141k3.1k96268
80Feb 24, '25Dark Mode and Focus Rings.4.0×137k2.5k52338
81Jun 3, '25Me walking away after adding min-w-0 and it works.4.0×137k4.1k168234
82Nov 3, '25Tanstack Start + shadcn/ui is now just one command.3.8×131k2.2k115568
83Aug 9, '25Instead of agents replacing me, I now need to design every feature for both humans and agents. 🙃3.7×127k2.5k99137
84Mar 20, '25AI has yet to solve the hardest problem: naming things.3.6×123k2.6k107142
85Oct 18, '24Launch day :)3.6×123k2k4539
86Oct 11, '25In Bun v1.3, React, Tailwind, and your favorite components are just one command away.3.5×120k2.1k94395
87Mar 18, '25Uses shadcn/ui for components 😎3.4×116k1.9k49252
88Apr 19, '25Built to be smarter than us. Ended up just like us. - outdated knowledge, inflated confidence - pretends to think, gets it wrong - says sorry, ignores instructions - believes every3.4×115k2.7k239382
89Oct 3, '24Work in Progress.3.3×115k2k21271
90Jan 24, '24shadcn/ui turns 1 today 🎂3.3×114k3k10520
91Jan 25, '25shadcn/ui turns 2! 🎉 What started as a side project has grown into a new standard for writing and distributing code—and now the go-to component library for AI. To the community im3.3×114k3.8k163183
92Sep 30, '24Building sidebars takes a lot of work but it’s looking good: figured out a simple api for composing the elements of a sidebar and got themes working. Will ship this soon.3.1×107k2.7k78181
93Feb 20, '25Making focus rings look great, consistent, and fully themable across all components.3.1×106k2.3k48512
94Mar 2, '25I stand by this: Design Systems are guidelines. Not Rules. A design system should be open for adjustments by the teams consuming it. Merge those classes.2.9×100k2k90207
95Jul 10, '24Shipped a little something to make working with colors easier. Tailwind colors in every format: hsl, hex, rgb, and className. Click to copy!2.8×98k2.1k112412
96May 30, '25We gave the site a small refresh: new Tailwind v4 components, a cleaner design, and a bit more breathing room. Should feel faster too.2.8×96k2k50277
97Oct 13, '25LGTM2.7×93k2.6k84121
98Jul 17, '24Shipped the new chart blocks. I’ve also added more examples on how to build advanced tooltips with custom label, icons and formatters. Next up: dashboards and cli updates.2.5×87k2.3k120408
99Jan 14, '25We're opening up the Blocks library for community contributions. Share your components and blocks with other developers to help build a library of high-quality, reusable components2.5×85k1.9k97432
101Sep 9, '22The new @nextjs layout by example: 👇1.7×02k298941

Scan another creator

@

Run this on any account.

XOutlier builds this table for every public profile you open on x.com, with live data and every post, not just the top 50.