# Sharing Tailwind CSS Styles Across Apps in a PNPM Workspaces Nx Monorepo

DevFeed: [Sharing Tailwind CSS Styles Across Apps in a PNPM Workspaces Nx Monorepo](<https://devfeed.tech/articles/sharing-tailwind-css-styles-across-apps-in-a-pnpm-workspaces-nx-monorepo-21452.md>)

Original publisher: [Read original article](<https://nx.dev/blog/sharing-tailwind-styles-nx-monorepo>)

Author: Juri Strumpflohner

Published: 2026-04-10T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [monorepo](<https://devfeed.tech/topics/monorepo.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [CSS](<https://devfeed.tech/topics/css.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [npm-workspaces](<https://devfeed.tech/tags/npm-workspaces.md>), [nx](<https://devfeed.tech/tags/nx.md>), [pnpm](<https://devfeed.tech/tags/pnpm.md>), [sync-generators](<https://devfeed.tech/tags/sync-generators.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwind-css](<https://devfeed.tech/tags/tailwind-css.md>), [tokens](<https://devfeed.tech/tags/tokens.md>)

## AI overview

A tutorial on sharing Tailwind v4 design tokens across multiple applications in a pnpm or npm workspaces monorepo. It explains how to place shared CSS in a package, consume it from applications, and use Nx sync generators to automate Tailwind source directives based on project dependencies.

## Source excerpt

Share Tailwind v4 design tokens across multiple apps in a pnpm + Nx monorepo using a shared styles package and automated @source directives.