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 β
Top 23 TypeScript dark-mode Projects
-
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.
-
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.
-
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:
-
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.
-
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
-
2γnext-forge - Production-grade Turborepo template for Next.js apps.
-
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-29While 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.
-
-
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.
-
-
-
-
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.
-
-
Project mention: Midnight Lizard: Browser extension with custom color schemes for all websites | news.ycombinator.com | 2024-05-28
-
-
-
-
tailwindcss-theme-variants
Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS
-
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.
-
-
-
-
tailwind-dark-aware
Tailwind CSS plugin to generate shorthands for light mode and dark mode colour classes
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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
TypeScript dark-mode related posts
-
Claim for a Missing Tooth
-
Top 10 best React component libraries in 2025
-
Please Don't Force Dark Mode on Users
-
Ask HN: Will HN ever have a dark mode?
-
Implementing Dark Mode and Theme Switching using Tailwind v4 and Next.js
-
Please add a "dark" theme for Hacker News
-
Shadcn-ui codebase analysis: Perfect Next.js dark mode in 2 lines of code with next-themes.
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 May 2025
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