Skip to content

[examples] Add Next.js App Router + Tailwind CSS v4 example - #49604

Open
joelng25 wants to merge 6 commits into
mui:masterfrom
joelng25:cursor/nextjs-tailwind-example-621d
Open

joelng25 wants to merge 6 commits into
mui:masterfrom
joelng25:cursor/nextjs-tailwind-example-621d

Conversation

@joelng25

@joelng25 joelng25 commented Oct 28, 2026 •

Copy link
Copy Markdown

Closes #40802

Adds examples/material-ui-nextjs-tailwind-ts so Material UI and Tailwind CSS v4 can share a Next.js App Router app. CSS layers (AppRouterCacheProvider with enableCssLayer) put CssBaseline after Tailwind's preflight and let Tailwind utilities override component styles, including portaled menus.

Also lists the example in the docs examples collection and links it from the Tailwind CSS v4 integration guide.

Add examples/material-ui-nextjs-tailwind-ts so Material UI and Tailwind CSS v4
can share a Next.js App Router app. CSS layers put CssBaseline after Tailwind
preflight and leave Tailwind utilities free to override component styles.

Co-authored-by: Joel Novio Garcia <joelng25@users.noreply.github.com>
Copilot AI balanced review requested due to automatic review settings October 28, 2026 20:04

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Copilot was unable to review this pull request because the user who requested the review has insufficient remaining quota.

An organization owner can choose the repository organization as the billing source for reviews requested by members with a paid Copilot license. Learn about Copilot code review billing. Review the Copilot code review billing settings.

@code-infra-dashboard

code-infra-dashboard Bot commented Oct 28, 2026 •

Copy link
Copy Markdown

Deploy preview

Bundle size

Bundle Parsed size Gzip size
@mui/material 0B(0.00%) 0B(0.00%)
@mui/lab 0B(0.00%) 0B(0.00%)
@mui/private-theming 0B(0.00%) 0B(0.00%)
@mui/system 0B(0.00%) 0B(0.00%)
@mui/utils 0B(0.00%) 0B(0.00%)

Details of bundle changes

Performance

No regressions in 32 benchmarks · ran 3m 23s · details


Check out the code infra dashboard for more information about this PR.

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

3 participants