JavaScript dark-mode

Open-source JavaScript projects categorized as dark-mode Edit details

Top 19 JavaScript dark-mode Projects

  • marktext

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

    Project mention: Do you know any of Marktext app fork developing any note-taking app? | | 2022-07-29
  • use-dark-mode

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

    Project mention: How to implement a dark to light mode feature in your React/Sass project | | 2022-05-16

    We will be using an npm package called use-dark-mode which is a custom hook used to implement the toggle functionality between light and dark mode.

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

  • dark-mode-toggle

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

    Project mention: How to quickly Add Dark Mode to your web app in just 3 steps | | 2022-08-01

    In this post, we are going to learn quick implementation of the dark mode using dark-mode-toggle in our web apps.

  • hexo-theme-obsidian

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

  • sleek

    todo.txt manager for Linux, Windows and MacOS, free and open-source (FOSS)

    Project mention: Are you using Obsidian as a all-in-one app ? | | 2022-07-12
  • nightwind

    An automatic, customisable, overridable Tailwind dark mode plugin

    Project mention: What are some things you’d like to see in a future TailwindCSS plug-in or in a Vue.js UI library? | | 2022-06-06

    Nightwind or something similar updated to work with TailwindCSS 3.x

  • gatsby-plugin-dark-mode

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

  • SonarLint

    Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.

  • Turn-Off-the-Lights-Chrome-extension

    Chrome extension

    Project mention: [iOS] [Alphaputt] [$1.99–> Free] [Miniature golf game with 26 different levels (A to Z), upto 4 players can play on the same device (pass-and-play multiplayer), no IAPs] | | 2021-10-08

    It’s source code is viewable on GitHub:

  • 222

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

  • gatsby-minimal-portfolio

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

  • obsidian

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

    Project mention: I built a NextJS/Tailwind portfolio template for you to use! | | 2022-01-10

    Live demo: Github repo:

  • Turn-Off-the-Lights-Safari-extension

    Safari extension

    Project mention: [15.4 B1] Search in Safari Manage Extensions list | | 2022-02-07

    Turn Off the Lights is a 100% free and Open-Source browser extension. Because I believe this tool should be available for everyone. Free on iOS and Free on Mac.

  • json-formatter

    A Chrome Extension to format JSON in the browser automatically. Available with both Dark and Light mode, with Auto-Linker and Syntax Highlighting. (by arnav-kr)

    Project mention: JSON Formatter - Your Lifesaver | | 2021-12-06

    I am looking for Suggestions and Feedbacks from you If you have any issues related the extension you can open an issue at the Github Repo i will try to fix it asap!

  • twiter-stats

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

    Project mention: Twitter Followers Tracker using Next.js, NextAuth and TailwindCSS | | 2022-01-04

    We are going to build an app like TwiterStats.

  • gatsby-starter-oasis

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

    Project mention: 🎉 Introducing gatsby-starter-oasis!! | | 2022-02-20


  • Quotes

    Random quotes generator app built in with react with couple of features which fetches quotes details from an API. (by shubham2924)

  • material-ui-dark-mode

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

    Project mention: New to Gatsby, Weird bugs when deploying to Production | | 2021-09-09

    More than likely an error due to SSR. Scroll down to the “Fixing Gatsby’s Rehydration Issue” of this post and you can see how to use the Gatsby browser API’s to get around it:

  • Swarth

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

    Project mention: Is there an add on like "dark reader"? | | 2022-03-24

    Swarth lets you manually toggle dark mode for different sites.

  • react-tailwind-sidebar-darkmode

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

    Project mention: React tailwind responsive sidebar & dark mode with react-router | | 2022-05-14

    View on GitHub

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-08-01.

JavaScript dark-mode related posts


What are some of the best open-source dark-mode projects in JavaScript? This list will help you:

Project Stars
1 marktext 34,748
2 use-dark-mode 1,202
3 dark-mode-toggle 907
4 hexo-theme-obsidian 644
5 sleek 639
6 nightwind 429
7 gatsby-plugin-dark-mode 66
8 Turn-Off-the-Lights-Chrome-extension 63
9 222 55
10 gatsby-minimal-portfolio 31
11 obsidian 20
12 Turn-Off-the-Lights-Safari-extension 20
13 json-formatter 17
14 twiter-stats 10
15 gatsby-starter-oasis 5
16 Quotes 3
17 material-ui-dark-mode 2
18 Swarth 0
19 react-tailwind-sidebar-darkmode 0
Find remote jobs at our new job board There are 3 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.