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

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
Jason's avatar
@Vaibhav Khulbe This is a neat tip, thanks for sharing! ๐Ÿ™
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