shadcn @shadcn Twitter profile

Last Seen Profiles

@RILAtweets

@haneame_cos

@atom_tokyo_info

@SoapsSpoilers

@hicbiridegil

@SpringerMuse

@MRAartworks

@PMInstitute

@_OverCees

@junkeeees_jpn

@gazeteyolculuk

@Xavierkeonmac

@yasssdream

@pradeepdsr

@sweeneyarchives

@Crimsonsunsett

@Takasyan_yu_iki

@polinakeoning

@VaultAIHub

@miisopunny

@Parlons_PP

@PetraLaiti

@_OverCees

@sinagtala_riki

@SHamidAShahB

@miquelserret3

@oleg_veretskiy

@TswanaGirl_Mpho

@VeryZoc

@sawkm1

@TracyWiles

@SHPAthletics

@The_Pulse_Clan

@Siha_tag

@RobertZeltinsh

@PalacioBer79940

shadcn

@shadcn

9 months

I’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 started!

747

407

9K

shadcn

@shadcn

2 years

Your Next.js 13 upgrade guide: ⬇️

119

1K

5K

shadcn

@shadcn

8 months

Introducing 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_ @max_leiter @mrncst @rauchg @cramforce @almonk and the team at Vercel

199

769

5K

shadcn

@shadcn

4 months

One of the joys of life is making an API request and getting JSON back. I dunno how to explain it.

172

516

4K

shadcn

@shadcn

1 year

It’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. Free. Open Source. And Next.js 13 Ready.

153

446

4K

shadcn

@shadcn

1 month

wip

149

99

4K

shadcn

@shadcn

1 year

Introducing 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 Keyboard Navigation.

135

316

3K

shadcn

@shadcn

11 months

What if you had docs that is personalized for you... What if you could customize components before you copy and paste...😁

190

282

3K

shadcn

@shadcn

4 months

🏆 Project of the Year. Thanks everyone!

Michael Rambeau

@michaelrambeau

4 months

The 2023 Rising Stars are out! 🌟 Check if you missed anything from last year! Congratulations to @shadcn for his outstanding UI components, the project of the year. Special thanks to guest writers @li_hbr , @Baconbrix and @sebastienlorber

6

43

206

138

161

3K

shadcn

@shadcn

3 months

shadcn/ui turns 1 today 🎂

160

112

3K

shadcn

@shadcn

1 year

Introducing the Form component. Build accessible forms using react-hook-form and Radix UI. ◆ Composable & Accessible ◆ Validation using Zod ◆ Full control over markup ◆ Styled using Tailwind CSS ◆ Complete code examples ◆ Copy/Paste into your apps

95

313

3K

shadcn

@shadcn

5 months

✨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 early next year: A new style with framer motion animations 👇

181

335

3K

shadcn

@shadcn

2 months

We’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 and composable. Fits right in your current stack.

101

185

3K

shadcn

@shadcn

11 months

1️⃣ - 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 and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

68

234

3K

shadcn

@shadcn

1 month

Shipped. We’ve added 3 new e-commerce dashboards to Blocks. More to come soon.

109

132

3K

shadcn

@shadcn

1 year

How I use Tailwind in Next.js 👇

58

283

2K

shadcn

@shadcn

2 months

We've added two new components: the most-requested breadcrumb and a new Input OTP.

85

133

2K

shadcn

@shadcn

7 months

Game over!

113

185

2K

shadcn

@shadcn

2 years

The new @nextjs layout by example: 👇

65

318

2K

shadcn

@shadcn

2 months

Dropping new components this week. What do you need?

511

52

2K

shadcn

@shadcn

9 months

Introducing 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 make it yours.

85

231

2K

shadcn

@shadcn

6 months

Perfect. Ship it.

Zakiego

@zakiego

6 months

isLoading ? "animate-spin" : ""

119

173

2K

23

82

2K

shadcn

@shadcn

1 month

We are introducing a new mode for Blocks called Lift Mode. Enable Lift Mode to "lift" components from a block template for copy and paste i.e you will be able to copy the smaller parts that make up a block template like cards, forms...etc Visit the Blocks page to try it out.

84

140

2K

shadcn

@shadcn

8 months

My first day at @vercel ? This is how it went down. h\t @max_leiter

39

59

2K

shadcn

@shadcn

1 year

It’s here. Shipping the biggest update for the components. ◆ Theming with CSS variables. ◆ A CLI for installing components. ◆ New components: Card, Skeleton, Date pickers... ◆ Updated docs. Check it out: Free and Open Source.

81

155

2K

shadcn

@shadcn

1 month

Launch day!

76

51

2K

shadcn

@shadcn

3 years

Everything @vercel announce for Next.js 12 in simple terms: ⬇️

23

394

2K

shadcn

@shadcn

5 months

Alright let's do this. Launch day. New components 🔥

135

56

2K

shadcn

@shadcn

6 months

My most successful project ◆ is a side project of a side project ◆ no domain ◆ logo is just two lines ◆ doesn't even have a proper name (shower thought this morning)

47

55

2K

shadcn

@shadcn

7 months

console.log("====>", value) Works Every Time.

169

91

2K

shadcn

@shadcn

10 months

Colors.🔜

63

72

2K

shadcn

@shadcn

1 year

🤯 has been nominated for the React Open Source Awards by @ReactSummit Category: Productivity Booster. Thanks everyone.

88

59

2K

shadcn

@shadcn

1 month

This week, we're going to rethink how copy and paste works for Tailwind templates. One click of a button and you'll be able to "lift" components from a template. Copy & paste or Edit in @v0 . Shipping soon.

58

74

2K

shadcn

@shadcn

1 year

You are going to love the new components! 😄

52

81

2K

shadcn

@shadcn

11 months

One more thing... 🤯

76

153

2K

shadcn

@shadcn

11 months

1️⃣ - I’ve been working on something pretty cool and I’m ready to share a preview with you. It's a brand new CLI that works with any React framework, understands your project structure and installs components with dependencies... ⬇️

82

103

1K

shadcn

@shadcn

11 months

I helped build this🙋‍♂️

Vercel

@vercel

11 months

Introducing the AI Chatbot Template, built with: ◆ Next.js ◆ Vercel KV ◆ Vercel AI SDK ◆ Tailwind CSS ◆ Radix UI ◆ Shadcn UI ◆ OpenAI Clone and deploy your own version.

42

427

3K

37

27

1K

shadcn

@shadcn

11 months

Vitest is hands down the best testing lib I've ever used. Easiest setup, API covers everything I need, VS Code extension just works and it is really fast. ⚡

32

60

1K

shadcn

@shadcn

11 months

🎉 Just hit 5m page views on . Now averaging 100k per day. Thanks everyone. It's been unreal. PS: Working on some exciting new features. More soon.

69

32

1K

shadcn

@shadcn

8 months

Been doing a lot of copy paste lately. So I’m going to copy what @rauchg did and donate all my monthly @X earnings to the dev community. Starting with $500 (if it’s less than this I’ll add the rest). If you’re a student and/or working on an open source project and you need…

126

109

1K

shadcn

@shadcn

10 months

👀 Hmm this is interesting. AutoForm by @vantezzen . Just gave it a try. It works. Here's a quick demo:

Bennett

@vantezzen

10 months

🌟 AutoForm: A React component that automatically creates a @shadcn ./ui form based on a zod schema.

17

64

604

43

128

1K

shadcn

@shadcn

1 year

Oh! You are going to love these components! Here's a sneak peak at the homepage featuring an interactive music dashboard.

37

95

1K

shadcn

@shadcn

2 years

Hear me out. Copilot. But instead of writing the code, it writes the comments.

75

77

1K

shadcn

@shadcn

1 year

How come no one told me about this? 🤨 (VS Code + tsconfig aliases + import)

28

121

1K

shadcn

@shadcn

11 months

Announcing two game-changing features next week. Stay tuned!😄

65

37

1K

shadcn

@shadcn

1 year

Next.js 13.2 - Let’s take a look 👇

16

183

1K

shadcn

@shadcn

11 months

Why tailwind-merge? Consider ButtonA (using tailwind-merge) vs ButtonB (template literals). Tailwind-merge: ◆ Intelligently merges classes eg. bg-teal-600 over bg-slate-950 ◆ Handles duplicate classes ◆ Works with variants/arbitrary values ◆ Handy for resusable components

44

99

1K

shadcn

@shadcn

8 months

1k+ likes? 😅

Theo - t3.gg

@t3dotgg

8 months

Btw I also got to meet @shadcn

33

21

2K

26

4

1K

shadcn

@shadcn

10 months

🎉 10m page views on . +5m in the last month alone. Thanks everyone.

50

17

1K

shadcn

@shadcn

1 year

🗓️Weekend Progress DatePicker for

44

68

1K

shadcn

@shadcn

1 year

Yes! We just pushed the <NavigationMenu /> component. Thank you @vincent_dstr 😃

22

69

1K

shadcn

@shadcn

4 months

Going full turbo this year!

37

1K

shadcn

@shadcn

11 months

👀

72

15

1K

shadcn

@shadcn

1 year

Now...stop me if you've already seen this before!

71

60

1K

shadcn

@shadcn

1 year

Hmm...

45

33

1K

shadcn

@shadcn

1 year

I use `ianvs/prettier-plugin-sort-imports` by @IanVanSchooten for sorting imports. ◆ React is always first. ◆ Followed by Next.js official packages: next/image, link..etc ◆ Then third party imports. ◆ Blank line ◆ Local imports in the order: types, config, lib, components.

37

74

1K

shadcn

@shadcn

6 months

Implementing auth, OpenAI api, RAG, streaming and saves to kv = 2 hours Fixing eslint = 2 days

53

48

1K

shadcn

@shadcn

11 months

✨ @radix_ui

29

32

1K

shadcn

@shadcn

4 months

If you're looking to up your UI game, this is it. @emilkowalski_ has done it once, twice, many times.

Emil Kowalski

@emilkowalski_

4 months

Introducing Animations on the web A course about how to craft animations that make people feel something. It contains everything I know about motion on the web.

107

255

3K

12

61

1K

shadcn

@shadcn

5 months

Icon of the year ✨

26

55

1K

shadcn

@shadcn

1 year

Let's talk forms tomorrow. I'm working on examples for react-hook-form and validation using Zod.

45

23

1K

shadcn

@shadcn

7 months

Underrated: Default Apps. Tried everything but always come back to these. They've got really good lately, they work everywhere, not bloated and always up to date.

106

36

1K

shadcn

@shadcn

11 months

Thank you for 20,000 stars 🙏

50

17

1K

shadcn

@shadcn

1 year

I might've overhyped this. is now trending on GitHub. 😅

33

47

1K

shadcn

@shadcn

7 months

The @OpenAI cookbook is built using shadcn/ui 🖐️🎤

52

25

1K

shadcn

@shadcn

2 months

📦 Launch day -

54

43

999

shadcn

@shadcn

1 year

Made some progress this week. You can now customize everything using CSS vars, including border radius. You configure one --radius var and everything else (nested radius..etc) is calculated for you. Now on to documentation and then release next week.

39

87

984

shadcn

@shadcn

1 year

Thank you Next.js 13.1.2. (Why didn't this occur to me before, it was right there!)

35

66

986

shadcn

@shadcn

2 years

I’m open sourcing Taxonomy: A @nextjs 13 app built using the new router and server components. ◆ Dashboard app with auth & subscriptions ◆ Using @nextauthjs @prisma @radix_ui @tailwindcss ◆ Deployed on @vercel and @planetscaledata I'm building this in public. Link below ⬇️

22

84

984

shadcn

@shadcn

1 year

So long pages dir...

22

38

971

shadcn

@shadcn

10 months

This is just perfect 🤩

Emil Kowalski

@emilkowalski_

10 months

Introducing Vaul - an unstyled drawer component for React.

58

178

2K

9

46

975

shadcn

@shadcn

8 months

Hey v0, give me 12 colorful buttons with focus and disabled states. Make them rounded.

47

34

965

shadcn

@shadcn

1 year

We. Are. Looking Good. 😎 Built using @nextjs 13, app dir and server components.

36

51

957

shadcn

@shadcn

1 year

Just pushed the <Command /> component. Built using cmdk. Perfect for your ⌘K command menus. The style has been tuned to adapt and work with Popovers, as Comboboxes and even inside Dropdown Menus. + Accessible and Dark Mode. Check it out.

30

43

940

shadcn

@shadcn

8 months

Thank you for 30,000 stars🖤

65

17

941

shadcn

@shadcn

10 months

We hit 1,000,000 visitors on . Thank you 🙏 What would you like to see next?

98

12

934

shadcn

@shadcn

1 year

1️⃣ Start with some amazing defaults. 2️⃣ Add your colors and styles. 3️⃣ Build your component library. 🔜

31

54

937

shadcn

@shadcn

11 months

Looking for ideas on what to build next. Preferably a dashboard-type app to test out the components. Ideas?

140

41

930

shadcn

@shadcn

14 days

How I use @v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.

20

96

940

shadcn

@shadcn

1 year

Testing Vercel Storage with server actions, @prisma and @ClerkDev . Yes. Feels like writing PHP. In a good way.

30

60

910

shadcn

@shadcn

11 months

It’s here. Just pushed the new CLI, a new style, animations and a bunch of improvements. Read the changelog:

68

79

889

shadcn

@shadcn

5 months

Can't even begin to explain how wild this year has been! Thank you.

Guillermo Rauch

@rauchg

5 months

@shadcn 's reaction when I told him that one of the biggest tech companies in the world is standardizing on his UI library

21

12

490

39

7

891

shadcn

@shadcn

11 months

Supabase is really good. ⚡

55

35

884

shadcn

@shadcn

3 months

@zavbala No. I used this avatar generator.

Notion Avatar Maker

An online tool for making notion-style avatars.

notion-avatar.vercel.app

7

46

887

shadcn

@shadcn

1 year

I refreshed the Taxonomy app over the weekend: ◆ Updated to Next.js 13.3 ◆ Implemented route handlers ◆ Added file-based metadata ◆ Updated NextAuth, Tailwind & Contentlayer ◆ Dark mode & new components ◆ Cleaned up the design

27

51

867

shadcn

@shadcn

1 year

Demo time: Menubar, Dropdown, Context Menu, Tabs, Scroll Area, Dialog and Dark Mode. 🔜

31

49

851

shadcn

@shadcn

2 months

is react-select still the 🐐 when it comes to autocomplete/multiselect and tagged input? Any alternatives?

109

12

861

shadcn

@shadcn

4 months

📈 ~1m components were installed last month!

35

11

836

shadcn

@shadcn

1 year

Next.js 13.3 - Parallel Routes and Interception by example 👇

25

110

828

shadcn

@shadcn

1 year

An interesting side effect of RSC is that React is now actually easier to teach/learn. If you’ve used React for a while, yes it requires a mental model switch. But for beginners, it makes so much sense: fetch data, render and style it - all in one place. If you need to do…

44

51

812

shadcn

@shadcn

11 months

I've got something pretty interesting to show you later today. It's about this components.json file. 👀

29

12

815

shadcn

@shadcn

1 year

Coming soon. A CLI for components. ◆ Adds components to your project ◆ Automatically installs dependencies ◆ Handles components update.

28

43

794

shadcn

@shadcn

6 months

Sam to start new company called NAIxt. OpenAI acquires NAIxt. Brings Sam back. Stop me if you’ve seen this before. 🙃

OpenAI

@OpenAI

6 months

OpenAI announces leadership transition

4K

14K

34

25

789

shadcn

@shadcn

4 months

Hear me out. React Controllers and React Views. 🙃

82

19

781

shadcn

@shadcn

6 months

Focus next week is to review all the PRs to (thank you). I've also got something exciting coming up soon.

GitHub - shadcn-ui/ui: Beautifully designed components that you can copy and paste into your apps....

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. - shadcn-ui/ui

github.com

21

27

774

shadcn

@shadcn

10 months

Updates: ◆ We added docs for @vite_js and @remix_run ◆ We brought back manual installation ◆ And added support for Bun. Thanks @badgerhallas @sambayo__ @MarkLyck and @dan5py 🙏

35

46

774

shadcn

@shadcn

2 months

350+ replies. I think we’re set for the next two years 👀

shadcn

@shadcn

2 months

Dropping new components this week. What do you need?

511

52

2K

29

5

767

shadcn

@shadcn

4 months

Shipped automatic detection for tailwind css file, config and import aliases in the cli. Works with Next.js and Next.js-based projects (create-t3). More frameworks soon.

27

34

754

shadcn

@shadcn

1 year

Seeing a lot of you using and recommending . Thank you. Appreciate it.

31

14

751

shadcn

@shadcn

4 months

Alright @bunjavascript is really good! My default for new projects. (Will report back)

40

20

758