pacocoursey/next-themes
Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing observed · 2026-08-28
Health v2 · maintenance only
65/100
- Activity 69
- Release rhythm 40
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 0.5
- age_days: 2153
- days_rel: 540
- days_push: 189
- n_releases_24m: 7
Adoption not part of the score
6333 stars · 254 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
next-themes is a small React library providing theme management for Next.js apps, supporting system preference, custom themes, and flash-free dark mode. It abstracts theme switching with SSR-safe handling in just a couple lines of code.
Use cases
- add dark mode to a Next.js app
- respect user system color scheme preference
- avoid theme flash on page load
- support multiple custom color themes
- toggle themes with a React hook
- persist theme choice across visits
When to choose
- you need dark mode in Next.js with no flash of wrong theme
- you want SSR-safe theme switching with minimal setup
- you need system preference detection plus manual override
When to avoid
- you are not using React or Next.js
- you need complex multi-tenant theming or design token systems
- you use a CSS-in-JS solution with its own theming
Facets
library · maturity stable
theme state-management ui-components web-development frontend browser nextjs dark-mode react theming system-preference nodejs web-server
3 sources
- readme: https://github.com/pacocoursey/next-themes · fetched 2026-08-28 · 7bc50defab87
- homepage: https://next-themes-example.vercel.app/ · fetched 2026-08-29 · 3dac188a0b00
- registry_npm: https://registry.npmjs.org/next-themes · fetched 2026-08-29 · feeae0d28414
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| pacocoursey/next-themes | main | 65 |
For agents
markdown · JSON · MCP: product_card(name="pacocoursey/next-themes")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem