Loading video...

Video Failed to Load

Go Home

Developing components for shadcn/ui is still largely a manual process. Every week, I manually go through 5,000+ components and examples checking spacing, animation, light/dark mode, typography, icons, and more.

132,014 views • 8 months ago •via X (Twitter)

35 Comments

Nikita's profile picture
Nikita8 months ago

Many people are suggesting shadcn automates this, and it sucks that it’s all manual work, but people don’t realize that the MANUAL attention to detail is what keeps shadcn at the top Good work as this, with an obviously high taste for design cannot be automated reliably

Winter's profile picture
Winter8 months ago

That does seem very tedious. We highly appreciate your efforts! Any plans to automate it?

Everlier's profile picture
Everlier8 months ago

Many people don't realise how much in building such a large project is just repetitive boring work that needs to be done. Sounds like there's plenty pf opportunities for some automation there.

Pravin's profile picture
Pravin8 months ago

That level of manual QA is wild. No wonder shadcn/ui feels so polished. Massive respect for the craft.

Pasquale Vitiello's profile picture
Pasquale Vitiello8 months ago

So true!

OrcDev's profile picture
OrcDev8 months ago

that's why you're the goat ⚔️

Uncle J's profile picture
Uncle J8 months ago

The fact that this is STILL manual is both horrifying and reassuring. Horrifying because 5000 components weekly is brutal. Reassuring because it means the quality bar is set by a human eye, not a linter. That's why shadcn feels right when everything else feels close.

Marco ◹◺'s profile picture
Marco ◹◺8 months ago

I've noticed that components, like buttons, don't use cursor-pointer. Do you have a philosophy on why? I think it makes it a lot less noticeable that something can be clicked on.

Ajay Patel's profile picture
Ajay Patel8 months ago

Feel your efforts and 🫡 the 🐐

Dan ⚡️'s profile picture
Dan ⚡️8 months ago

this is the only way to maintain a high standard and actually out something tasteful out there. Huge respect. This kind of attention to detail will be an increasingly bigger moat in a world full of AI slop 🫡

avrl ☘'s profile picture
avrl ☘8 months ago

You're the goat, doing all of this manually and providing value to thousands of projects is something of quite an achievement man. Kudos and I hope this projects grows even more and you have a team handling this with you

Abishek's profile picture
Abishek8 months ago

GOAT stuff

Shashank Minna Venkatesh's profile picture
Shashank Minna Venkatesh8 months ago

I’ve created components in component libraries way before AI, so I totally get the pain. But shadcn is insane and super useful for all devs—so thanks, and keep going 🙌

Sergey Nikiforov's profile picture
Sergey Nikiforov8 months ago

this feels like such an obvious opportunity for ai assisted visual regression testing. have you looked into using vision models to compare component renders across states and themes? could at least flag the obvious issues before you do the manual review

Morten A. Giraffe's profile picture
Morten A. Giraffe8 months ago

I'm a fan of your work, sir!

Ilbroun Kouk's profile picture
Ilbroun Kouk8 months ago

I definitely appreciate all the efforts you’ve put through developing shadcn/ui I personally use it for all my projects Thank you @shadcn

knowledge Reason's profile picture
knowledge Reason8 months ago

Your are the best

Ihor's profile picture
Ihor8 months ago

Respect ✊

Paiva's profile picture
Paiva8 months ago

Craft work is the new sexy.

Matija Grcic's profile picture
Matija Grcic8 months ago

explains why it's so good 🐐

Kartic's profile picture
Kartic8 months ago

I can relate with it, that after small changes, manually look at the whole project every time. Check everything works smoothly and as expected.

Yash Solanki's profile picture
Yash Solanki8 months ago

The joy it brings when doing something manually and at the end it comes put mlre beautiful than expected is some heavenly feeling fr. Best library in the modern and your work is inspirational sir!!!!!!!!

Hakimuddin K's profile picture
Hakimuddin K8 months ago

Looking for likewise minds to connect

Ajay Thakur's profile picture
Ajay Thakur8 months ago

🫡🫡🫡

calebthewood's profile picture
calebthewood8 months ago

🙇🙇🙇

Nuno Coração's profile picture
Nuno Coração8 months ago

It’s a labor of love… 🙏 for doing it

Spanky McDoob's profile picture
Spanky McDoob8 months ago

lol fucking lol I have fix

Ruixen UI's profile picture
Ruixen UI8 months ago

This is the kind of invisible work most people underestimate. Huge respect for the attention to detail.

tiangsae's profile picture
tiangsae8 months ago

working on UI is really really the only chosen person who can do it

red_square's profile picture
red_square8 months ago

Automate it!

Hakimuddin K's profile picture
Hakimuddin K8 months ago

Lets connect and grow together

SweatSpots 🏃🏼‍♂️'s profile picture
SweatSpots 🏃🏼‍♂️8 months ago

Thanks for your abnegation

AIShepherd's profile picture
AIShepherd8 months ago

We love you bro keep it up !

FullStackIzzy's profile picture
FullStackIzzy8 months ago

I’m building an application and Shadcn has made my life so easy. I don’t have to think about where to place XYZ since y’all did the work for me and I can focus on shipping! “But all Shadcn sites look the same” — y’all said the same thing about Bootstrap and every other framework before it. S/O to my mentor @DorianDevelops for putting me on to Shadcn 💪👑

akram's profile picture
akram8 months ago

@chromaticcom is a good tool for visual ui diffing

Related Videos