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