pacocoursey/next-themes
Some data may be outdated — see provenance labels.
Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing observed · 2026-09-24
Health v2 · maintenance only
61/100
- Activity 61
- 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-10-21. Adoption (stars, forks) is never an input.
- gap_med: 0.5
- age_days: 2201
- days_rel: 588
- days_push: 237
- n_releases_24m: 7
Adoption not part of the score
6336 stars · 255 forks observed · 2026-09-24
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-09-24 · 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 | 61 |
For agents
markdown · JSON · MCP: product_card(name="pacocoursey/next-themes")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem