Tailwind CSS and useDarkMode hook

• use-dark-mode

  11 1,276 0.0 JavaScript

  A custom React Hook to help you implement a "dark mode" component.

For activiating the .dark class, I'm using the excellent useDarkMode hook by Donavon West which you'll need to install:

• tailwindcss-typography

  49 3,690 6.1 JavaScript

  Beautiful typographic defaults for HTML you don't control.

  

As my blog content is taken Markdown files I'm using the tailwindcss typography plugin to add typograhic styles to my content. This is done by adding a .prose class to the content wrapper element:

• SurveyJS

  surveyjs.io sponsored

  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.

  

• Tailwind CSS

  1,280 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

I've been using tailwindcss for a couple of years now. Version 2 includes the option to easily add dark mode. I thought I'd give it a try on my blog which is built using Next.js

Suggest a related project