The best styling options for Next.js

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

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Less time debugging, more time building
  • SonarQube - Static code analysis for 29 languages.
  • 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.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • 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