CSS Native Styling for Shadcn Components: Tailwind v4 GuideCSS Native Styling for Shadcn Components: Tailwind v4 Guide
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
This one is for front-end developers who don't want to work with Tailwind's config file but still want to style a Shadcn component in their projects.
It shares a CSS native solution that relies on CSS variables and Tailwind's v4 directives to initialise it.
Time to ditch tailwind.config.js lol!

luisball.com

Using Shadcn UI without a Tailwind Config File

Step by step guide to using Shadcn UI with Tailwind CSS v4

Jason's avatar
@Vaibhav Khulbe This is a neat tip, thanks for sharing! ๐Ÿ™
Vaibhav's avatar
@Joseph Hall @Kulshekhar Kabra something interesting for you guys here? ๐Ÿ‘€
Joseph's avatar
Contra logo
@Vaibhav Khulbe Love that configs for these things are getting simpler and using the platform
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started