We’re excited to introduce tw-prose — a CSS-only implementation of the Tailwind Typography plugin built specifically for Tailwind CSS v4.
Typography is at the heart of every content-driven website, and tw-prose makes it simple to get elegant, consistent text styling — without any plugin overhead.
- ⚡ Lightweight – no JavaScript, no plugin complexity
- ✨ Beautiful defaults – headings, paragraphs, lists, code blocks, tables, blockquotes, and more
- 🌓 Dark mode ready – just add
prose-invert - 📏 Responsive variants –
prose-sm,prose-lg,prose-xl,prose-2xl - ✅ Compatible with Tailwind v4
Install & Go
npm install tw-prose
@import "tailwindcss"; @import "tw-prose";
Then use it in your HTML with the prose class:
<article class="prose"> <h1>Hello, world!</h1> <p>Typography made simple.</p> </article>
Perfect For
- Blogs and content-heavy sites
- Projects where bundle size matters
- Teams that want zero-config typography out of the box
Get Started
tw-prose is available now on npm:
Try it today and make your text shine with effortless typography in Tailwind CSS v4.
Source: DEV Community.

Leave a Reply