A simple theme switcher in React for Tailwind CSS

This page summarizes the projects mentioned and recommended in the original post on dev.to
React Tailwindcss MVC Frameworks and Libraries TypeScript JavaScript

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

  • react-tailwind-themeswitch

    • All code for this example can be found on my github

  • usehooks-ts

    React hook library, ready to use, written in Typescript.

    • These depedencies provide unstyled accessible components from headless ui, icons from heroicons and common hooks with typescript support.

  • 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.

    • I've been building a lot of projects using React and TailwindCSS recently, being a big fan of dark mode interfaces, I wanted a simple light / dark switcher for by project. When I went searching I couldn't seem to find anything simple. So I tried something myself and am fairly happy with the result.

  • React

    The library for web and native user interfaces.

    • I've been building a lot of projects using React and TailwindCSS recently, being a big fan of dark mode interfaces, I wanted a simple light / dark switcher for by project. When I went searching I couldn't seem to find anything simple. So I tried something myself and am fairly happy with the result.

  • heroicons

    A set of free MIT-licensed high-quality SVG icons for UI development.

    • These depedencies provide unstyled accessible components from headless ui, icons from heroicons and common hooks with typescript support.

  • headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    • These depedencies provide unstyled accessible components from headless ui, icons from heroicons and common hooks with typescript support.

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