The best styling options for Next.js

This page summarizes the projects mentioned and recommended in the original post on

Our great sponsors
  • WorkOS - The modern API for authentication & user identity.
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • Onboard AI - ChatGPT with full context of any GitHub repo.
  • nextjs-styling-options

    The easiest way to write CSS in a Next.js application is through its global stylesheet). Every newly created Next.js project comes with a styles folder and inside it, a global.css stylesheet.

  • styled-jsx

    Full CSS support for JSX without compromises

    The previous three methods covered the best styling options if you prefer Utility CSS. But perhaps you are more of a CSS-in-JS kind of person. In which case, Styled-JSX might be up your alley.

  • WorkOS

    The modern API for authentication & user identity. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • Sass

    Sass makes CSS fun!

    If basic CSS is not enough and you find yourself in search of a CSS framework, look no further than Sass. Describing itself as "CSS with superpowers", it is a popular framework compatible with CSS and offers lots of cool features like variables, nesting, and mix-ins. Here’s a GitHub repo for our example project.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts