JavaScript dark-mode

Open-source JavaScript projects categorized as dark-mode
Edit details
Topics: dark-theme React Tailwindcss browser-extension JavaScript
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 22 JavaScript dark-mode Projects

  • marktext

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

    • Project mention: UX Case Study: Markdown Heading | dev.to | 2024-04-27

    Marktext editor:

  • use-dark-mode

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

  • 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

  • dark-mode-toggle

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

  • hexo-theme-obsidian

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

  • nightwind

    An automatic, customisable, overridable Tailwind dark mode plugin

    • Project mention: The 7 best plugins to use in your Tailwind project | dev.to | 2023-10-11

    Nightwind is a plugin whose mission is to give you the gift of an effortless dark mode. The plugin uses your Tailwind config to automatically generate and apply classes for dark mode. It lets you write just one set of classes for your site, then you install and initialize it, and your site gets a dark mode without any further CSS on your part.

  • sveltia-cms

    Alternative to Netlify/Decap CMS. Modern, fast, lightweight, Git-based headless CMS. Free & open source. UX-driven development. Made with Svelte.

    • Project mention: 9 best Git-based CMS platforms for your next project | dev.to | 2024-02-02

    Sveltia CMS is a modern alternative to Decap CMS built with Svelte. It’s pretty similar to Decap CMS and Static CMS, but it definitely has a better UI and UX. Sveltia also provides some more advanced features, such as:

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

    Chrome extension

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

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

    Safari extension

  • gatsby-plugin-dark-mode

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

  • 222

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

    • Project mention: What is a piece of software that you need but doesn't exist? | /r/software | 2023-12-05

    Unrelated to AI, but if you want to make any page you're viewing in dark mode, use https://github.com/dolegi/222 ! I've been using it for years, and I keep it on my bookmark bar. I use it all the time for so many sites.

  • json-formatter

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

  • obsidian

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

  • gatsby-minimal-portfolio

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

  • React-Native-Light-Dark-Starter

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

  • react-sidebar-tailwind-darkmode

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

  • night-video-tuner

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

  • twiter-stats

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

  • Quotes

    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)

  • gatsby-starter-oasis

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

  • material-ui-dark-mode

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

  • Swarth

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

  • portfolio

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

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

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 - InfluxDB
    www.influxdata.com | 11 May 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

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

Project Stars
1 marktext 44,859
2 use-dark-mode 1,276
3 dark-mode-toggle 1,155
4 hexo-theme-obsidian 765
5 nightwind 694
6 sveltia-cms 621
7 Turn-Off-the-Lights-Chrome-extension 111
8 Turn-Off-the-Lights-Safari-extension 70
9 gatsby-plugin-dark-mode 68
10 222 63
11 json-formatter 62
12 obsidian 51
13 gatsby-minimal-portfolio 44
14 React-Native-Light-Dark-Starter 34
15 react-sidebar-tailwind-darkmode 32
16 night-video-tuner 28
17 twiter-stats 16
18 Quotes 4
19 gatsby-starter-oasis 4
20 material-ui-dark-mode 3
21 Swarth 2
22 portfolio 1

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com