Top 21 JavaScript dark-mode Projects

dark-mode

• Add a project

1. marktext

   1 75 49,610 3.4 JavaScript

   📝A simple and elegant markdown editor, available for Linux, macOS and Windows.

   

   Project mention: App Should Have Been a Website (and Probably Your Game Too) | news.ycombinator.com | 2024-12-31

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. sveltia-cms

   2 4 1,394 9.9 JavaScript

   Netlify/Decap CMS alternative. Fast, lightweight, Git-based headless CMS. Modern UX, first-class i18n support, mobile support + 100s of improvements. Open source & free.

   

   Project mention: I Found Perfect CMS after Years of Trial and Error | dev.to | 2025-04-03

   Payload, a CMS powered by Next.js, or Sveltia CMS, a Decap CMS alternative using Svelte, are examples of CMS that I recommend to avoid until they become framework agnostic.

4. use-dark-mode

   3 11 1,287 0.0 JavaScript

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

   

5. dark-mode-toggle

   4 2 1,197 5.8 JavaScript

   A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

   

6. hexo-theme-obsidian

   5 1 782 0.0 JavaScript

   🎨 A dark Hexo theme, it's responsive, simple but elegant.

   

7. nightwind

   6 3 731 0.0 JavaScript

   An automatic, customisable, overridable Tailwind dark mode plugin

   

8. bigspring-light-hugo

   7 1 211 3.5 JavaScript

   Bigspring is a Hugo startup theme. It has a clean, minimal, fresh UI.

   

   Project mention: Dev Container Setup for Hugo | dev.to | 2025-04-18

   git clone https://github.com/gethugothemes/bigspring-light-hugo themes/bigspring-light

9. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

10. json-formatter

    8 1 86 7.0 JavaScript

    A Browser Extension to format JSON in the browser automatically. Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more. (by arnav-kr)

    

11. 222

    9 3 69 0.0 JavaScript

    222. Dark mode. Everywhere. 222 bytes of js to make any website dark

    

12. gatsby-plugin-dark-mode

    10 1 69 0.0 JavaScript

    A Gatsby plugin which handles some of the details of implementing a dark mode theme

    

13. obsidian

    11 1 57 0.0 JavaScript

    ✨ Elegant portfolio template built on NextJS and Tailwind. (by BraydenTW)

    

14. gatsby-minimal-portfolio

    12 2 46 0.0 JavaScript

    JAMstack content-focused portfolio blog starter. Features include dark-mode, installable PWA, SEO, code highlighting, form, CI/CD.

    

15. React-Native-Light-Dark-Starter

    13 3 40 5.7 JavaScript

    React Native Expo simple starter with full light/dark theme control using async storage and context api, in addition to login and register screens

    

16. react-sidebar-tailwind-darkmode

    14 1 37 0.8 JavaScript

    Responsive sidebar built with React and Tailwind. Support for dark mode, react-router and Mobile Menu. Feel free to contribute⭐

    

17. night-video-tuner

    15 1 32 3.7 JavaScript

    :clapper: Browser extension that allows adjusting temperature and other properties of videos on Chrome and Firefox.

    

18. twiter-stats

    16 3 17 3.1 JavaScript

    TwiterStats is a Twitter Followers Tracker build with Next.js, TailwindCSS, NextAuth, SWR

    

19. gatsby-starter-oasis

    17 1 4 0.0 JavaScript

    🎁 FullPackage! || Lightweight page-based starter with highlight-based UI and Github typography

    

20. Quotes

    18 1 4 2.9 JavaScript

    Random quotes generator app built in with react with couple of features which fetches quotes details from an API having 0.5 Million dataset of quotes scraped/crawled from various sites (by shubham2924)

    

21. Swarth

    19 1 3 1.1 JavaScript

    Modifies web pages to use a dark color scheme or based on the user's preferences

    

22. material-ui-dark-mode

    20 4 3 0.0 JavaScript

    How to Use a Dark Theme with Material UI and Gatsby js using useReducer and useContext via Snappy Web Design

    

23. portfolio

    21 1 1 2.2 JavaScript

    React Application for personal web portfolio website. (by WRWPhillips)

    

24. InfluxDB

    www.influxdata.com featured

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    

JavaScript dark-mode related posts

• The 7 best plugins to use in your Tailwind project

  8 projects | dev.to | 11 Oct 2023

• Dark Mode

  1 project | /r/snowflake | 13 Feb 2023

• How to quickly Add Dark Mode to your web app in just 3 steps

  1 project | dev.to | 1 Aug 2022

• What are some things you’d like to see in a future TailwindCSS plug-in or in a Vue.js UI library?

  2 projects | /r/tailwindcss | 6 Jun 2022

• How to implement a dark to light mode feature in your React/Sass project

  2 projects | dev.to | 16 May 2022

• Help me reach Lighthouse 100 performance score

  2 projects | /r/nextjs | 4 May 2022

• Build a Twitter Followers Counter using Next.js, NextAuth and Tailwind

  4 projects | dev.to | 4 Jan 2022
• A note from our sponsor - Civic Auth
  www.civic.com | 14 May 2025

  Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today. Learn more →

Index

Sponsored

JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor

Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

surveyjs.io

Do not miss the trending JavaScript projects with our weekly report!