Lacspace
Loading
@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.
| 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-equivalent) | MIT |
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.
Yes — like next-themes it sets the theme before paint so there's no flash of the wrong theme on load.
Yes. It ships the "use client" directive so you can use the provider directly in App Router layouts.