use-dark-mode

A custom React Hook to help you implement a "dark mode" component. (by donavon)

Use-dark-mode Alternatives

Similar projects and alternatives to use-dark-mode

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better use-dark-mode alternative or higher similarity.

use-dark-mode reviews and mentions

Posts with mentions or reviews of use-dark-mode. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-03-30.
  • Flashing Theme Selection
    3 projects | /r/nextjs | 30 Mar 2023
  • How to implement a dark to light mode feature in your React/Sass project
    2 projects | dev.to | 16 May 2022
    We will be using an npm package called use-dark-mode which is a custom hook used to implement the toggle functionality between light and dark mode.
  • Help me reach Lighthouse 100 performance score
    2 projects | /r/nextjs | 4 May 2022
    you can implement this script https://github.com/donavon/use-dark-mode/blob/develop/noflash.js.txt
  • PrimeReact - switch themes without ejecting?
    4 projects | /r/reactjs | 5 Apr 2022
    the useEffect hook expects a value for dark mode which in my case I just use use-dark-mode hook .
  • Theming made easy with React and Styled Components
    2 projects | dev.to | 15 Feb 2022
    But we may want to allow users to choose between light and dark modes within the app UI and save the preferences. We can achieve this by injecting a simple script right after , reading the local storage, and setting the class name for light/dark mode on the HTML element. We could try to come up with something ourselves, or we can use this React hook that will do it for us.
  • Underrated React Hooks
    2 projects | dev.to | 9 May 2021
    For this hook, I am not going to show the code that makes the hook because it's a little more advanced, but you can check it out here. Nonetheless, I will still show you how to use it once it has been defined. This hook actually returns an object with the value and the functions required to toggle, enable, and disable dark mode, but it's still the same concept just written in a different way. You will need to write a little CSS to configure how your light mode and dark mode will look, but the toggling can be handled by the hook.
  • ReScript: FFI basics in React
    3 projects | dev.to | 9 Mar 2021
    Binding to a React hook is like binding to any other function. Here's an example of a binding to use-dark-mode.
  • Tailwind CSS and useDarkMode hook
    3 projects | dev.to | 17 Feb 2021
    For activiating the .dark class, I'm using the excellent useDarkMode hook by Donavon West which you'll need to install:
  • I over-engineered my blog, and here’s what I’ve learned
    8 projects | dev.to | 5 Jan 2021
    use-dark-mode, for handling dark mode.
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 28 Mar 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 →

Stats

Basic use-dark-mode repo stats
11
1,276
0.0
about 1 year ago
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com