TypeScript dark-mode

Open-source TypeScript projects categorized as dark-mode
Edit details
Topics: React dark-theme TypeScript JavaScript Tailwindcss
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

Top 23 TypeScript dark-mode Projects

  • mantine

    A fully featured React components library

    • Project mention: Astro.js as an alternative to Next.js: pushing the limits | dev.to | 2024-04-17

    Here’s another mentality shift for you. If you were thinking in a providers pattern, you need to snap out of it. You can no longer store your theme in a provider. No more RadixUI or MantineUI for you.

  • darkreader

    Dark Reader Chrome and Firefox extension

    • Project mention: What to avoid building as an early stage startup | news.ycombinator.com | 2024-03-03

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • semi-design

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

  • next-themes

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

    • Project mention: Task tracker application using NextJS and SurrealDB | dev.to | 2024-01-21

    Next themes is used for themes switching

  • 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

    • Project mention: Dracula Theme for Hacker News | news.ycombinator.com | 2024-01-29

    You can also do this with the Stylebot extension - https://github.com/ankit/stylebot .. I was already doing this :) (just copy paste the CSS)

  • sleek

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

    • Project mention: Feature request: sync to text file (todo.txt syntax) | /r/tasks | 2023-12-08

    It would make it possible to use tasks.org on Android and another app like Sleek on Windows (or any of the other todo.txt clients).

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • color-mode

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

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

  • next-contentlayer

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

  • Midnight-Lizard

    Π‘ustom color schemes for all websites

  • 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

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

  • Joplin.Plugin.ReMoods.Theme

    [NO LONGER MAINTAINED]

  • metronome

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

  • 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

  • nextjs-typescript-tailwindcss-starter

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

  • themed-jss

    Themed JSS styles

  • 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 related posts

  • What to avoid building as an early stage startup

    1 project | news.ycombinator.com | 3 Mar 2024

  • New UI sucks

    2 projects | /r/help | 8 Dec 2023

  • Easter egg emoji: converting pixels into particles

    1 project | news.ycombinator.com | 28 Nov 2023

  • A Treatise on the Nature of Vessels

    1 project | /r/EldenRingLoreTalk | 25 Sep 2023

  • Implementing Tailwind CSS Dark Mode Toggle with No Flicker

    2 projects | dev.to | 19 Sep 2023

  • How to Build a Developer Blog using Next JS 13 and Contentlayer - Part three

    2 projects | dev.to | 6 Sep 2023

  • Ask HN: Does anyone know the idiot decided gray txt on white bg was a good ideea

    1 project | news.ycombinator.com | 15 Jul 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 10 May 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more β†’

Index

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

Project Stars
1 mantine 24,574
2 darkreader 18,774
3 semi-design 7,926
4 next-themes 4,489
5 exifcleaner 1,683
6 stylebot 1,356
7 sleek 1,202
8 color-mode 1,039
9 mantine-datatable 838
10 next-contentlayer 658
11 Midnight-Lizard 615
12 react-native-zephyr 347
13 react-darkreader 275
14 next-dark-mode 217
15 tailwindcss-theme-variants 181
16 dark-mode-toggle 113
17 mantine-contextmenu 113
18 Joplin.Plugin.ReMoods.Theme 68
19 metronome 29
20 reactive-bible 18
21 tailwind-dark-aware 12
22 nextjs-typescript-tailwindcss-starter 12
23 themed-jss 11

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com