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. Learn more →
Top 22 JavaScript dark-mode Projects
-
-
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:
-
sveltia-cms
Alternative to Netlify/Decap CMS. Modern, fast, lightweight, Git-based headless CMS. Free & open source. UX-driven development. Made with Svelte.
-
-
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.
-
-
gatsby-plugin-dark-mode
A Gatsby plugin which handles some of the details of implementing a dark mode theme
-
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)
-
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
-
-
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.
Project mention: Show HN: I've built open-source, collaborative, WYSIWYG Markdown editor | news.ycombinator.com | 2023-06-23
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 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:
Project mention: What is a piece of software that you need but doesn't exist? | /r/software | 2023-12-05Unrelated 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.
Project mention: 5 Tips for Optimizing ReactJS Performance and Building Lightning-Fast Applications | dev.to | 2023-04-22Twiter Stats
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 2024-02-02.
JavaScript dark-mode related posts
- The 7 best plugins to use in your Tailwind project
- Dark Mode
- How to quickly Add Dark Mode to your web app in just 3 steps
- What are some things you’d like to see in a future TailwindCSS plug-in or in a Vue.js UI library?
- How to implement a dark to light mode feature in your React/Sass project
- Help me reach Lighthouse 100 performance score
- Build a Twitter Followers Counter using Next.js, NextAuth and Tailwind
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 Apr 2024
Index
What are some of the best open-source dark-mode projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | marktext | 44,513 |
| 2 | use-dark-mode | 1,276 |
| 3 | dark-mode-toggle | 1,147 |
| 4 | hexo-theme-obsidian | 764 |
| 5 | nightwind | 693 |
| 6 | sveltia-cms | 577 |
| 7 | Turn-Off-the-Lights-Chrome-extension | 111 |
| 8 | Turn-Off-the-Lights-Safari-extension | 69 |
| 9 | gatsby-plugin-dark-mode | 68 |
| 10 | 222 | 63 |
| 11 | json-formatter | 61 |
| 12 | obsidian | 51 |
| 13 | gatsby-minimal-portfolio | 44 |
| 14 | React-Native-Light-Dark-Starter | 33 |
| 15 | react-sidebar-tailwind-darkmode | 31 |
| 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 |
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