TIL: How to add plugins to TailwindCSS v4

tags
dev
type
Post
summary
Quick guide on how to setup tailwindCSS v4
status
Published
Text
slug
til-how-to-add-plugins-to-tailwindcss
Files & media
slug _
date
May 30, 2025
notion image

What’s new with TailwindCSS V4?

 
Ever since Next.js 15 was out the Next.js team decided to go with TailwindCSS V4 which no longer needs configuration for your themes and plugins. Instead it uses a CSS first approach, which means you can directly add your plugins into the globals.css file.
 

Before v4:

 
tailwind.config.js
 
globals.css
 

After v4:

 
❌ No tailwind.config.js
 
globals.css
 
 
This was a brief walk through of how to setup your project plugins in tailwind v4 if you’re coming from taiwlind v3 like me. Hope this was helpful and have a greate day!
 

Powered by Notion and Next.js

© Ihsan 2025