Top 3 TypeScript prefers-color-scheme Projects

next-dark-mode

1 217 0.0 TypeScript

🌑 Enable dark mode for Next.js apps
tailwindcss-theme-variants

1 181 2.0 TypeScript

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.

SurveyJS

surveyjs.io sponsored

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.
use-prefers-color-scheme

2 31 3.9 TypeScript

🪝 React hook for subscribing to user's color scheme preference.

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