A first-party plugin for providing beautiful typographic defaults.
The @tailwindcss/typography plugin adds a set of customizable
prose classes that you can use to add beautiful typographic defaults to any vanilla HTML, like the output you'd get after parsing some Markdown, or content you pull from a CMS.
<article class="prose lg:prose-xl"> <h1>Garlic bread with cheese: What the science tells us</h1> <p> For years parents have espoused the health benefits of eating garlic bread with cheese to their children, with the food earning such an iconic status in our culture that kids will often dress up as warm, cheesy loaf for Halloween. </p> <p> But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases springing up around the country. </p> <!-- ... --> </article>
It provides sensible defaults for everything you might expect like:
- Basic typography
- Heading styles
- Ordered and unordered lists
- Horizontal rules
- ...and more
Check out the live demo and read the documentation on GitHub to learn more.