@lacspace/theme vs next-themes
@lacspace/theme is a next-themes-style provider and `useTheme` hook for light/dark/system with no flash on load. It ships the `"use client"` directive and is zero-dependency, so it drops into the Next.js App Router cleanly alongside the rest of the Lacspace React kit.
npm i @lacspace/theme
Read the docs | Feature | @lacspace/theme | next-themes |
|---|---|---|
| Dependencies | ·Zero | Zero |
| light / dark / system | ·Yes | Yes |
| No flash of wrong theme | ·Yes | Yes |
| App Router ready (ships "use client") | ·Yes | Yes |
| useTheme hook | ·Yes | Yes |
| Part of one ecosystem | Yes — pairs with hooks, store, query | Standalone |
| Licence | ·Lacspace Free Licence | MIT |
The honest verdict
next-themes is the go-to and works great. Choose @lacspace/theme when you want the same behaviour from the same toolkit as your hooks, store and data layer.
Frequently asked
Does @lacspace/theme prevent the dark-mode flash?
Yes — like next-themes it sets the theme before paint so there's no flash of the wrong theme on load.
Does it work with the Next.js App Router?
Yes. It ships the "use client" directive so you can use the provider directly in App Router layouts.