Customization

Plugins

Plugins add extra utilities and component styles. The official plugins cover rich text, form resets and more.

Popular official plugins

@tailwindcss/typography — the "prose" class for beautifully styled article content.
@tailwindcss/forms — a sensible baseline reset for form controls.
@tailwindcss/aspect-ratio — control the aspect ratio of embeds and images.

Install

npm install -D @tailwindcss/typography @tailwindcss/forms

module.exports = {
  // ...
  plugins: [
    require('@tailwindcss/typography'),
    require('@tailwindcss/forms'),
  ],
}

The prose class styles raw HTML content

Example

<article class="prose">
  <h1>Article title</h1>
  <p>Paragraphs, lists and headings are styled automatically.</p>
</article>

ℹ️

The prose class only renders styled here if the typography plugin is installed in your project — this editor uses the CDN without it.