shadcn-prose

A drop-in replacement for @tailwindcss/typography, designed for use with shadcn/ui. Includes headings, paragraphs, lists and more.

Installation

Simply install the package:

npm i shadcn-prose

Then update your globals.css:

@import 'shadcn-prose';

Usage

Add a prose class to your content and you're good to go:

<div className="prose">
  <h1>Hello world</h1>
  <p>This is a paragraph</p>
</div>