donavon/use-dark-mode

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1282 stars · 95 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A custom React Hook that implements dark mode toggling for React applications. It persists the user's preference to localStorage, syncs state across tabs, respects the system's prefers-color-scheme setting, and supports SSR.

Use cases

• add a dark mode toggle to a react app
• persist user theme preference in localstorage
• sync dark mode state across browser tabs
• follow system dark mode preference with prefers-color-scheme
• toggle a css class on body for theming
• implement dark mode in a server-side rendered react app

When to choose

• you use React 16.8+ and want a small, focused hook for dark mode
• you want persistence, cross-tab sync, and system preference detection out of the box
• you need SSR support for theme switching

When to avoid

• you don't use React
• you need full theming/design-token management rather than a simple light/dark toggle
• you need a framework-agnostic or vanilla JS solution

Facets

library · maturity maintenance

state-management ui-components theme frontend web-development browser react-hooks dark-mode dark-theme localstorage prefers-color-scheme ssr nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="donavon/use-dark-mode")