tailwindcss-typography

Beautiful typographic defaults for HTML you don't control.

by tailwindlabs

Star on GitHub ForkWebsite npm

6.3k stars 317 forks 41 contributorsActive · 18h agoSince 2019

Meet the team

See all 41 on GitHub →

adamwathan78 contributions

bradlc36 contributions

RobinMalfait28 contributions

thecrypticace27 contributions

Languages

View on GitHub →

JavaScript100%

Commit activity

Last 12 weeks · 1 commit

Full graph →

Community health

2 of 6 standards met

Community profile →

✓README✓License○Contributing○Code of Conduct○Issue Template○PR Template

Recent PRs & issues

Active · 4 in progress · Last activity 18h ago

See all on GitHub →

`prose-code` targets both inline and block codeOpenIssue

What version of @tailwindcss/typography are you using? 0.5.9 What version of Node.js are you using? 18.18.0 What browser are you using? Chrome What operating system are you using? macOS Reproduction repository https://github.com/tailwindlabs/tailwindcss/discussions/12496 Describe your issue With Adam's permission, opening an issue here! The modifiers affect both inline elements and elements wrapped in as well. I don't know what the right API design is, but here's the variant I added: I kinda think should hit inline code blocks only, but that seems like a breaking change? I dunno, up to y'all! Godspeed

aarondfrancis · 1w ago

Recent fixes

View closed PRs →

is not good for darkModeClosedIssue

What version of @tailwindcss/typography are you using? 0.5.0 What version of Node.js are you using? 16.13.0 What browser are you using? Edge, Safari What operating system are you using? windows11, macOS Reproduction repository https://github.com/little3201/leafage-pw Describe your issue when change to dark mode, some block disply like: !image can not know what it is

little3201 · 1d ago

Structured data for AI agents

Repository: tailwindlabs/tailwindcss-typography. Description: Beautiful typographic defaults for HTML you don't control. Stars: 6263, Forks: 317. Primary language: JavaScript. Languages: JavaScript (100%). License: MIT. Homepage: https://tailwindcss-typography.vercel.app/ Latest release: v0.5.19 (5mo ago). Open PRs: 4, open issues: 4. Last activity: 18h ago. Community health: 37%. Top contributors: adamwathan, bradlc, RobinMalfait, thecrypticace, dependabot[bot], reinink, philipp-spiess, simonswiss, tordans, unindented and others.

The syntax @plugin "@tailwindcss/typography" is not working in Tailwind v4 during production deployment on Vercel?OpenIssue

What version of @tailwindcss/typography are you using? ^4.1.12 What version of Node.js are you using? v22.17.0 What browser are you using? Chrome What operating system are you using? Winwods Reproduction repository Describe your issue i got this error " /vercel/path0/src/app/node_modules doesn't exist or is not a directory\n" + " /vercel/path0/src/node_modules doesn't exist or is not a directory\n" + ' looking for modules in /vercel/path0/node_modules\n' + ' single file module\n' + ' using description file: /vercel/path0/package.json (relative path: ./node_modules/@tailwindcss/typography)\n' + ' no extension\n' + " /vercel/path0/node_modules/@tailwindcss/typography doesn't exist\n" + ' .js\n' + " /vercel/path0/node_modules/@tailwindcss/typography.js doesn't exist\n" + ' .json\n' + " /vercel/path0/node_modules/@tailwindcss/typography.json doesn't exist\n" + ' .node\n' + " /vercel/path0/node_modules/@tailwindcss/typography.node doesn't exist\n" + ' .ts\n' + " /vercel/path0/node_modules/@tailwindcss/typography.ts doesn't exist\n" + " /vercel/path0/node_modules/@tailwindcss/typography doesn't exist\n" + " /vercel/node_modules doesn't exist or is not a directory\n" + " /node_modules doesn't exist or is not a directory" and iam try to search how to solve, and nothing. But AI said this 🔥 Why Doesn’t the Official Documentation Work in Vercel Production? You’re correct that the official Tailwind CSS Typography documentation states this. However, this is a Tailwind v4 feature that is still in beta/experimental stage. Issue in Production (Vercel) Root Cause: The @plugin directive in CSS is a new feature introduced in Tailwind v4. In the production build (Vercel), PostCSS/Webpack does not resolve plugins from node_modules the same way it does in development. Error: "@tailwindcss/typography" doesn't exist — because the build system doesn’t know how to load the plugin from the CSS directive. Result: The CSS is not generated → The website renders without styling.

muamarzidan · 2w ago