Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

feat(@schematics/angular): add Tailwind CSS option to application schematic and ng new #31002

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
clydin merged 2 commits into angular:main from clydin:ng-schematics/tailwind-integration
Aug 26, 2025

Conversation

Copy link
Member

@clydin clydin commented Aug 21, 2025
edited by alan-agius4
Loading

Adds a tailwind option to the style choices for the application schematic and the ng new command. When selected, the new application will be configured to use Tailwind CSS.

Closes #28801

HyperLife1119, AndrewKushnir, eneajaho, monsieur-ricky, and mitja-kurath reacted with thumbs up emoji
@clydin clydin added the target: major This PR is targeted for the next major release label Aug 21, 2025
@clydin clydin marked this pull request as ready for review August 21, 2025 18:36
@clydin clydin added the action: review The PR is still awaiting reviews from at least one requested reviewer label Aug 21, 2025
Copy link
Collaborator

@alan-agius4 alan-agius4 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, can you please also add this to the library schematic?

@alan-agius4 alan-agius4 removed the action: review The PR is still awaiting reviews from at least one requested reviewer label Aug 22, 2025
Copy link

@harig-sky harig-sky left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@clydin clydin added the action: merge The PR is ready for merge by the caretaker label Aug 26, 2025
clydin added 2 commits August 26, 2025 09:57
Adds a new schematic to set up Tailwind CSS in a new project.
This is currently unused within the Angular CLI and will be further integrated
in later changes.
The schematic:
- Adds the necessary dependencies ('tailwindcss', '@tailwindcss/postcss', 'postcss').
- Creates a '.postcssrc.json' file with the correct plugin configuration.
- Injects the '@import "tailwindcss";' into the global stylesheet.
...ematic and `ng new`
Adds a `tailwind` option to the `style` choices for the `application` schematic and the `ng new` command. When selected, the new application will be configured to use Tailwind CSS.
@clydin clydin force-pushed the ng-schematics/tailwind-integration branch from 598474c to 7cec165 Compare August 26, 2025 13:57
@clydin clydin merged commit 4912f39 into angular:main Aug 26, 2025
51 of 56 checks passed
@clydin clydin deleted the ng-schematics/tailwind-integration branch August 26, 2025 15:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@alan-agius4 alan-agius4 alan-agius4 approved these changes

+1 more reviewer

@harig-sky harig-sky harig-sky approved these changes

Reviewers whose approvals may not affect merge requirements
Assignees
No one assigned
Labels
action: merge The PR is ready for merge by the caretaker area: @schematics/angular detected: feature PR contains a feature commit target: major This PR is targeted for the next major release
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

Add TailwindCSS as a Stylesheet Format Option in Angular CLI

AltStyle によって変換されたページ (->オリジナル) /