DEV Community

khalil la
khalil la

Posted on

Announcing `tw-prose`: A CSS-Only Typography Plugin for Tailwind CSS v4

#tailwindcss #v4 #typography

I'am 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.

Why tw-prose?

  • ⚡ 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
Enter fullscreen mode Exit fullscreen mode 
@import "tailwindcss";
@import "tw-prose";
Enter fullscreen mode Exit fullscreen mode

Then use it in your HTML with the prose class:

<article class="prose">
  <h1>Hello, world!</h1>
  <p>Typography made simple.</p>
</article>
Enter fullscreen mode Exit fullscreen mode

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:

👉 npmjs.com/package/tw-prose

Try it today and make your text shine with effortless typography in Tailwind CSS v4.

Top comments (0)