Skip to content
IndexDesign corpus
Component LibrariesIntegration & Data Components
Component LibrariesPrimitiveNo license fileFreeReact

react-pdf-tailwind

Use Tailwind CSS classes to style PDFs built with react-pdf

Visit resourceRepository
Aboutgithub.com

react-pdf-tailwind converts a compatible subset of Tailwind CSS class syntax into style objects for react-pdf. You style PDF documents with the same classes as your web app. Version 3 uses Tailwind v4, so a v2 config needs an update. An interactive react-pdf playground shows it in use.

Install
npm install react-pdf-tailwind
For an agent

Use it to keep invoice or report PDFs visually close to the web app. Only a subset of Tailwind works in PDF output, so test each class you need.

Why it is here. It lets one styling system cover both web pages and generated PDFs.

Install command, framework, licence and component list.
Notable for
  • Tailwind v4 support
  • react-pdf playground
  • 400+ GitHub stars
Provenance

Verified 2026-10-09. HTTP 200. https://github.com/aanckar/react-pdf-tailwind (HTTP 200, page fetched 2026-10-09), https://github.com/aanckar/react-pdf-tailwind (GitHub API, 403 stars), depo.zip listing https://www.depo.zip/tools/j574q606fczk6chjsmry81b56d7t72g4

Related resourcesComponent Libraries