JavaScript dark-theme

Open-source JavaScript projects categorized as dark-theme
Edit details
Topics: dark-mode CSS React HTML browser-extension
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.
www.influxdata.com
Sponsored

Top 23 JavaScript dark-theme Projects

  • material-kit-react

    Minimal Dashboard - build with React Material UI components. (by minimal-ui-kit)

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

  • dark-mode-toggle

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

  • windmill-dashboard-react

    ❄ A multi theme, completely accessible, ready for production dashboard.

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

  • daisyui-admin-dashboard-template

    Free admin dashboard template using Daisy UI, React js and Tailwind CSS

    Project mention: Top 7+ Free Tailwind React Admin Dashboard Templates for 2024 | dev.to | 2023-12-07

    ✅ Download DashWind (Github): daisyui-admin-dashboard-template

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • Adaptive-Tab-Bar-Colour

    Changes the colour of Firefox tab bar to match the website theme.

  • deluminate

    An extension for Google Chrome (and Chromium) that inverts the luminance of websites.

  • gatsby-starter-delog

    A blog for designers and developer, built with Gatsby and Netlfiy CMS. Live demo https://delog-w3layouts.netlify.com/

  • noctis

    🐵 Dark Blue Theme for Home Assistant

  • repo-card

    :sunglasses: showcase :octocat: repositories on your website :metal:!

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

    Chrome extension

  • nightwalker

    A dark but not black qBittorrent WebUI

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

    Safari extension

  • notion

    notion hosts a library of interactive widgets for @makenotion pages (by anthonytedja)

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

  • website-dark-mode-switcher

    This is a (Firefox) add-on (WebExtension) that lets you invert the website's color scheme by inverting/changing the prefers-color-scheme media feature of CSS.

    Project mention: Emulate light theme for websites | /r/firefox | 2023-05-10

    To force dark/light mode (for websites that support it) while keeping my system/browser dark themes I use this addon https://github.com/rugk/website-dark-mode-switcher

  • gatsby-theme-serial-programmer

    A Gatsby theme for serial programmers (-.-)

  • 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

  • tailwind-clones

    🍃 Cloning the UIs' of popular websites with Tailwind CSS.

  • willianantunes.com

    Where I blog about technology, my personal life, tools that I've built and many more 🤓

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

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 2023-12-07.

JavaScript dark-theme related posts

Index

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

Project Stars
1 material-kit-react 2,107
2 use-dark-mode 1,276
3 dark-mode-toggle 1,147
4 windmill-dashboard-react 949
5 hexo-theme-obsidian 765
6 nightwind 690
7 daisyui-admin-dashboard-template 602
8 Adaptive-Tab-Bar-Colour 252
9 deluminate 212
10 gatsby-starter-delog 195
11 noctis 192
12 repo-card 179
13 Turn-Off-the-Lights-Chrome-extension 111
14 nightwalker 92
15 Turn-Off-the-Lights-Safari-extension 69
16 notion 66
17 222 63
18 json-formatter 61
19 website-dark-mode-switcher 55
20 gatsby-theme-serial-programmer 34
21 React-Native-Light-Dark-Starter 33
22 tailwind-clones 32
23 willianantunes.com 12

Sponsored
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.
www.influxdata.com