use-prefers-color-scheme
dark-mode-toggle
Our great sponsors
| use-prefers-color-scheme | dark-mode-toggle | |
|---|---|---|
| 2 | 1 | |
| 31 | 113 | |
| - | - | |
| 3.9 | 0.0 | |
| 9 months ago | about 1 year ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
use-prefers-color-scheme
-
I’ve built a fully themeable and accessible dark mode toggle component for React. [Details in the comments]
Thank you! I'm not linking to any articles here. dark-mode-toggle is a controlled React component, so you can query the preferred color scheme with a hook like https://github.com/anatoliygatt/use-prefers-color-scheme and set the mode prop to whatever value you like, as long as it is either dark or light 😉.
-
I’ve built two React hooks that will help you in making your apps more accessible
🗄 Repository: GitHub 💻 Live Demo: CodeSandbox
dark-mode-toggle
-
I’ve built a fully themeable and accessible dark mode toggle component for React. [Details in the comments]
🗄 Repository: GitHub 💻 Live Demo: CodeSandbox 🖼 Storybook: Netlify
What are some alternatives?
use-color - 🛼🛼🛼 The powerful color hook that all designers deserve. ✨ Parse and stringify that just works & 🦾 Strict type checking at compile time
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.
react-hook - ↩ Strongly typed, concurrent mode-safe React hooks
react-native-zephyr - TailwindCSS-inspired styling library for React Native.
use-prefers-reduced-motion - 🪝 React hook for subscribing to user's motion preference.
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.
react-as-prop - Type-safe `as` prop utility for flexible and semantic UI components of React
react-complex-tree - Unopinionated Accessible Tree Component with Multi-Select and Drag-And-Drop
tab-a11y