TailwindCSS Dark Mode in Next.js with Tailwind Typography Prose Classes

This page summarizes the projects mentioned and recommended in the original post on dev.to
Tailwindcss Nextjs React Mdx TypeScript

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • next-typescript-tailwind-mdx-starter

    Opinionated Next.js Starter with TypeScript, Tailwind, MDX, and decent SEO

    • If you don't have a Next.js + TailwindCSS site to work from, here's a github branch from my Next.js Tailwind Starter that is "pre-dark mode" that you can use.

  • next-themes

    Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing

    • There are several relatively complicated ways you might approach the problem of toggling themes. As with many things in the React.js and Next.js world, somebody else has already solved the problem very well, and for this the community favorite is next-themes which promises (and subsequently delivers) a "perfect dark mode in two lines of code".

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    • The safelist allows you to specify classes that TailwindCSS will always keep around for you and not purge. At the time of this writing the only documentation for this is buried in some Github issue comments.

  • leerob.io

    ✨ My portfolio built with Next.js, Tailwind, and Vercel.

    • There are a lot of options for customizing the look and feel of your markdown. If you want some inspiration, Lee Rob has done a wonderful job for his personal site and you can check out the config here.

  • egghead-next

    The frontend for egghead.io.

    • If you'd like to look more closely at a larger scale full-featured application (the one you are looking at right now in fact), you can checkout the repository for the egghead website on Github.

  • WorkOS

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

    WorkOS logo
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