TypeScript dark-mode

Open-source TypeScript projects categorized as dark-mode

Top 23 TypeScript dark-mode Projects

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    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

  • mantine

    A fully featured React components library

    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.

  • darkreader

    Dark Reader Chrome and Firefox extension

    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

    Project mention: Introducing Shadcn UI: A reusable UI component collection | dev.to | 2023-11-14

    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.

  • exifcleaner

    Cross-platform desktop GUI app to clean image metadata

    Project mention: Anonimlik Rehberi | /r/KGBTR | 2023-10-23
  • stylebot

    Change the appearance of the web instantly

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

  • sleek

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

  • color-mode

    Dark and Light mode with auto detection made easy with Nuxt 🌗

    Project mention: Hello world | dev.to | 2023-01-28
  • 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: Who's Available? [April 2023] | /r/reactjs | 2023-04-24

    Hey, I'm the author of Mantine DataTable, one of the most popular data table components built for the awesome Mantine UI library.

  • Midnight-Lizard

    Сustom color schemes for all websites

    Project mention: Dark mode for browsers | /r/Crostini | 2023-02-17

    Thanks, but the developer is still figuring out how to do it: https://github.com/Midnight-Lizard/Midnight-Lizard/issues/376

  • next-contentlayer

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

    Project mention: Having a hard time getting into Next with 12/13 | /r/nextjs | 2023-05-06

    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

  • react-native-zephyr

    TailwindCSS-inspired styling library for React Native.

  • react-darkreader

    🌓 A React Hook for adding a dark / night mode to your site.

  • next-dark-mode

    🌑 Enable dark mode for Next.js apps

    Project mention: Flashing Theme Selection | /r/nextjs | 2023-03-30

    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

    Project mention: The 7 best plugins to use in your Tailwind project | dev.to | 2023-10-11

    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.

  • dark-mode-toggle

    🌓 A dark mode toggle component for React. (by anatoliygatt)

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

    Project mention: Mantine ContextMenu | /r/reactjs | 2023-04-24

    Docs website: https://icflorescu.github.io/mantine-contextmenu/GitHub repo: https://github.com/icflorescu/mantine-contextmenu

  • Joplin.Plugin.ReMoods.Theme


  • metronome

    A metronome built w/ Tauri + React. Tempo tapper, themes, hotkeys and more! (by ZaneH)

  • nextjs-typescript-tailwindcss-starter

    Starter template for Nextjs, TailwindCSS & TypeScript ( with Redux )

  • reactive-bible

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

    Project mention: Reactive Bible | /r/nextjs | 2023-05-24

    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.

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 2023-11-28.

TypeScript dark-mode related posts


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