Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools. Learn more →
Top 23 TypeScript dark-mode Projects
-
Project mention: Boost Your React Projects with These Open Source Component Libraries | dev.to | 2023-11-16
Material-UI Ant Design Chakra UI Semantic UI React
-
Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13
GitHub stars: 21.9k GitHub link: https://github.com/mantinedev/mantine Documentation: https://mantine.dev/getting-started/
-
Appwrite
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
-
Project mention: Easter egg emoji: converting pixels into particles | news.ycombinator.com | 2023-11-28
I was able to reproduce and reported this to Dark Reader https://github.com/darkreader/darkreader/issues/11952
-
semi-design
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2800+ Design Tokens and powerful DSM tools, easy to build your own design system. Make Semi Design to Any Design
-
next-themes
Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing
Shadcn UI supports dark mode for Next.js and Vite applications. For Next.js applications, Shadcn UI uses next-themes for the dark mode toggling functionality. When a user toggles between light and dark mode, the application switches between the light and dark theme tokens.
-
-
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
-
-
-
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.
Hey, I'm the author of Mantine DataTable, one of the most popular data table components built for the awesome Mantine UI library.
-
Thanks, but the developer is still figuring out how to do it: https://github.com/Midnight-Lizard/Midnight-Lizard/issues/376
-
There is a number of public, easy-to-understand projects you can check out after you've digested all the new patterns from the docs (and maybe that tutorial): https://github.com/shadcn/next-contentlayer https://github.com/vercel/next-react-server-components
-
-
-
Or look this library: https://github.com/xeoneux/next-dark-mode
-
tailwindcss-theme-variants
Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS
Tailwind CSS Theme Variants is a plugin that allows you to define multiple themes for a single project and apply different themes in varying scenarios. It lets you choose which theme should be active based on the value of a media query (like prefers-color-scheme or prefers-contrast ), the presence of a CSS selector (like a class or data attribute), or some combination of both.
-
-
-
-
nextjs-typescript-tailwindcss-starter
Starter template for Nextjs, TailwindCSS & TypeScript ( with Redux )
-
Repo: https://github.com/realvincentuche/reactive-bible
-
tailwind-dark-aware
Tailwind CSS plugin to generate shorthands for light mode and dark mode colour classes
-
InfluxDB
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
TypeScript dark-mode related posts
- Easter egg emoji: converting pixels into particles
- A Treatise on the Nature of Vessels
- Implementing Tailwind CSS Dark Mode Toggle with No Flicker
- How to Build a Developer Blog using Next JS 13 and Contentlayer - Part three
- Ask HN: Does anyone know the idiot decided gray txt on white bg was a good ideea
- What kind of lifestyle do people who are used to eye floaters have?
- Paleta de colores Dark Reader.
-
A note from our sponsor - Appwrite
appwrite.io | 30 Nov 2023
Index
What are some of the best open-source dark-mode projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | chakra-ui | 35,033 |
2 | mantine | 22,313 |
3 | darkreader | 17,715 |
4 | semi-design | 7,438 |
5 | next-themes | 3,821 |
6 | exifcleaner | 1,493 |
7 | stylebot | 1,293 |
8 | sleek | 1,091 |
9 | color-mode | 965 |
10 | mantine-datatable | 719 |
11 | Midnight-Lizard | 579 |
12 | next-contentlayer | 554 |
13 | react-native-zephyr | 324 |
14 | react-darkreader | 272 |
15 | next-dark-mode | 215 |
16 | tailwindcss-theme-variants | 170 |
17 | dark-mode-toggle | 114 |
18 | mantine-contextmenu | 76 |
19 | Joplin.Plugin.ReMoods.Theme | 63 |
20 | metronome | 20 |
21 | nextjs-typescript-tailwindcss-starter | 12 |
22 | reactive-bible | 11 |
23 | tailwind-dark-aware | 10 |