TypeScript dark-mode

Open-source TypeScript projects categorized as dark-mode

Top 23 TypeScript dark-mode Projects

  1. chakra-ui

    Chakra UI is a component system for building SaaS products with speed ⚑️

    Project mention: Accessible by Default: The Non-Negotiable Frontier of Frontend in 2025 | dev.to | 2025-04-14

    Use accessible-first design systems like Material UI or Chakra UI.

  2. SurveyJS

    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 logo
  3. mantine

    A fully featured React components library

    Project mention: Top 5 Free React UI Libraries to Use in 2025 | dev.to | 2025-05-01

    Mantine is a comprehensive component library with built-in React hooks to make development easy. With large community support, every aspect of Mantine is free and open source. Mantine stands out based on the following features:

  4. darkreader

    Dark Reader Chrome and Firefox extension

    Project mention: Claim for a Missing Tooth | news.ycombinator.com | 2025-03-31

    I suppose they’re using https://darkreader.org/ or something like that!

    If you implement dark mode yourself, you can add `` to prevent Dark Reader from triggering.

  5. semi-design

    πŸš€A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. πŸ§‘πŸ»β€πŸ’» Design to Code in one click

  6. next-forge

    Production-grade Turborepo template for Next.js apps.

    Project mention: HaaS Revolutionizes Automation | Vibe Weekly Vol.003 | dev.to | 2025-04-14

    2、next-forge - Production-grade Turborepo template for Next.js apps.

  7. next-themes

    Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing

    Project mention: Implementing Dark Mode and Theme Switching using Tailwind v4 and Next.js | dev.to | 2024-11-29

    While building a custom theme implementation has been instructive, in real world we might want a shortcut, this is where you may consider using the next-themes library.

  8. exifcleaner

    Cross-platform desktop GUI app to clean image metadata

  9. InfluxDB

    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.

    InfluxDB logo
  10. sleek

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

  11. stylebot

    Change the appearance of the web instantly

  12. color-mode

    Dark and Light mode with auto detection made easy with Nuxt πŸŒ—

  13. mantine-datatable

    The table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, context menus, nesting, Gmail-style batch row selection, dark theme, and more.

  14. next-contentlayer

    A template with Next.js 13 app dir, Contentlayer, Tailwind CSS and dark mode.

  15. Midnight-Lizard

    Π‘ustom color schemes for all websites

    Project mention: Midnight Lizard: Browser extension with custom color schemes for all websites | news.ycombinator.com | 2024-05-28
  16. mode-watcher

    Simple light/dark mode management for Svelte apps. πŸŒ‘ ←→ β˜€οΈ

  17. react-darkreader

    πŸŒ“ A React Hook for adding a dark / night mode to your site.

  18. next-dark-mode

    πŸŒ‘ Enable dark mode for Next.js apps

  19. tailwindcss-theme-variants

    Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS

  20. mantine-contextmenu

    Craft your applications for productivity and meet your users’ expectations by enhancing your Mantine-based UIs with a desktop-grade, lightweight yet fully-featured, dark-theme aware context-menu component, built by the creator of Mantine DataTable.

  21. dark-mode-toggle

    πŸŒ“ A dark mode toggle component for React. (by anatoliygatt)

  22. metronome

    A cross-platform metronome. Includes a tempo tapper, themes, and more! (by ZaneH)

  23. reactive-bible

    A Reactive Bible App developed with Reactjs, Mantine & Howler.

  24. tailwind-dark-aware

    Tailwind CSS plugin to generate shorthands for light mode and dark mode colour classes

  25. theme-csx

    A React Native theming framework that makes it easy to create themeable components.

  26. 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).

TypeScript dark-mode discussion

Log in or Post with

TypeScript dark-mode related posts

  • Claim for a Missing Tooth

    2 projects | news.ycombinator.com | 31 Mar 2025
  • Top 10 best React component libraries in 2025

    7 projects | dev.to | 1 Feb 2025
  • Please Don't Force Dark Mode on Users

    1 project | news.ycombinator.com | 19 Jan 2025
  • Ask HN: Will HN ever have a dark mode?

    1 project | news.ycombinator.com | 12 Jan 2025
  • Implementing Dark Mode and Theme Switching using Tailwind v4 and Next.js

    2 projects | dev.to | 29 Nov 2024
  • Please add a "dark" theme for Hacker News

    1 project | news.ycombinator.com | 29 Jul 2024
  • Shadcn-ui codebase analysis: Perfect Next.js dark mode in 2 lines of code with next-themes.

    4 projects | dev.to | 3 Jun 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 19 May 2025
    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. Learn more β†’

Index

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

# Project Stars
1 chakra-ui 39,093
2 mantine 28,644
3 darkreader 20,663
4 semi-design 9,151
5 next-forge 5,853
6 next-themes 5,716
7 exifcleaner 2,068
8 sleek 1,644
9 stylebot 1,511
10 color-mode 1,160
11 mantine-datatable 1,049
12 next-contentlayer 704
13 Midnight-Lizard 658
14 mode-watcher 452
15 react-darkreader 278
16 next-dark-mode 218
17 tailwindcss-theme-variants 197
18 mantine-contextmenu 150
19 dark-mode-toggle 119
20 metronome 40
21 reactive-bible 19
22 tailwind-dark-aware 15
23 theme-csx 12

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

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?