---
title: Styling
description: Learn the different ways you can style your Next.js application.
url: "https://nextjs.org/docs/13/pages/building-your-application/styling"
docs_index: /docs/13/pages/llms.txt
lastUpdated: 2023-06-28
prerequisites:
  - "Building Your Application: /docs/13/pages/building-your-application"
---

> For an index of all documentation, see [/docs/13/pages/llms.txt](/docs/13/pages/llms.txt).

Next.js supports different ways of styling your application, including:

- **Global CSS**: Simple to use and familiar for those experienced with traditional CSS, but can lead to larger CSS bundles and difficulty managing styles as the application grows.
- **CSS Modules**: Create locally scoped CSS classes to avoid naming conflicts and improve maintainability.
- **Tailwind CSS**: A utility-first CSS framework that allows for rapid custom designs by composing utility classes.
- **Sass**: A popular CSS preprocessor that extends CSS with features like variables, nested rules, and mixins.
- **CSS-in-JS**: Embed CSS directly in your JavaScript components, enabling dynamic and scoped styling.

Learn more about each approach by exploring their respective documentation:

- [CSS Modules](/docs/13/pages/building-your-application/styling/css-modules): Style your Next.js Application using CSS Modules.
- [Tailwind CSS](/docs/13/pages/building-your-application/styling/tailwind-css): Style your Next.js Application using Tailwind CSS.
- [CSS-in-JS](/docs/13/pages/building-your-application/styling/css-in-js): Use CSS-in-JS libraries with Next.js
- [Sass](/docs/13/pages/building-your-application/styling/sass): Learn how to use Sass in your Next.js application.

---

For a semantic overview of all documentation, see [/sitemap.md](/sitemap.md)

For an index of all available documentation, see [/docs/13/pages/llms.txt](/docs/13/pages/llms.txt)