https://github.com/haydenbleasel/shadcn-prose
Prose styles for shadcn/ui, including headings, paragraphs, lists and more.
https://github.com/haydenbleasel/shadcn-prose
prose shadcn-ui tailwindcss typography
Last synced: 12 months ago
JSON representation
Prose styles for shadcn/ui, including headings, paragraphs, lists and more.
- Host: GitHub
- URL: https://github.com/haydenbleasel/shadcn-prose
- Owner: haydenbleasel
- License: mit
- Created: 2025-05-17T20:19:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-25T19:18:06.000Z (12 months ago)
- Last Synced: 2025-06-25T19:18:22.874Z (12 months ago)
- Topics: prose, shadcn-ui, tailwindcss, typography
- Language: TypeScript
- Homepage: https://shadcn-prose.vercel.app/
- Size: 241 KB
- Stars: 201
- Watchers: 2
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# 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:
```bash
npm i shadcn-prose
```
Then update your `globals.css`:
```css
@import 'shadcn-prose';
```
## Usage
Add a `prose` class to your content and you're good to go:
```tsx
Hello world
This is a paragraph
```