# sync-generators

Published articles for sync-generators.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## 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.

## Configure Tailwind v4 with Angular in an Nx Monorepo

DevFeed: [Configure Tailwind v4 with Angular in an Nx Monorepo](<https://devfeed.tech/articles/configure-tailwind-v4-with-angular-in-an-nx-monorepo-21450.md>)

Original publisher: [Read original article](<https://nx.dev/blog/setup-tailwind-4-angular-nx-workspace>)

Author: Juri Strumpflohner

Published: 2026-01-14T00: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>), [Angular](<https://devfeed.tech/topics/angular.md>), [monorepo](<https://devfeed.tech/topics/monorepo.md>), [PostCSS](<https://devfeed.tech/topics/postcss.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [css](<https://devfeed.tech/tags/css.md>), [generators](<https://devfeed.tech/tags/generators.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [nx](<https://devfeed.tech/tags/nx.md>), [sync](<https://devfeed.tech/tags/sync.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>)

### AI overview

A tutorial on configuring Tailwind CSS v4 with Angular in an Nx monorepo. It explains how Angular's PostCSS setup can scan the workspace broadly and produce bloated production CSS, then presents @source directives and Nx Sync Generators as ways to limit scanning and manage library dependencies.

### Source excerpt

Learn how Tailwind CSS v4 scanning works with Angular in Nx monorepos, why you may have bloated CSS, and how to optimize it with @source directives and Nx Sync Generators.

## Configure Tailwind 4 with Vite in an NPM Workspace: The Complete Guide

DevFeed: [Configure Tailwind 4 with Vite in an NPM Workspace: The Complete Guide](<https://devfeed.tech/articles/configure-tailwind-4-with-vite-in-an-npm-workspace-the-complete-guide-21451.md>)

Original publisher: [Read original article](<https://nx.dev/blog/setup-tailwind-4-npm-workspace>)

Author: Juri Strumpflohner

Published: 2025-06-19T00: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>), [npm](<https://devfeed.tech/topics/npm.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [configuration](<https://devfeed.tech/topics/configuration.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Automation](<https://devfeed.tech/topics/automation.md>)

Tags: [automation](<https://devfeed.tech/tags/automation.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [guide](<https://devfeed.tech/tags/guide.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [npm](<https://devfeed.tech/tags/npm.md>), [npm-workspaces](<https://devfeed.tech/tags/npm-workspaces.md>), [nx](<https://devfeed.tech/tags/nx.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>), [vite](<https://devfeed.tech/tags/vite.md>)

### AI overview

A guide to setting up Tailwind CSS v4 with Vite in an NPM workspace monorepo. It explains how to scan workspace packages for utility classes and use Nx Sync Generators to automate configuration updates.

### Source excerpt

Learn how to set up Tailwind CSS v4 with Vite in an NPM workspace monorepo, and automate your configuration with Nx Sync Generators for optimal performance.