Components
Zoo UI adds components only where Nuxt UI has no equivalent. For everything else, use Nuxt UI's own: UAlert variant="outline" is Forest's banner, UTable its table and UTabs its segmented control. All of these are prefixed Z and come with @zooui/nuxt, so they work on the theme-free base too.
Rotate the signing key
The edge runs the full height: header, body and footer.
Nuxt UI's UCard with a colored left edge.
Install with pnpm add @zooui/theme-forest
pnpm add @zooui/theme-forest
export default defineNuxtConfig({
extends: ['@zooui/theme-forest'],
css: ['~/assets/css/main.css'],
})tsZoo UI's code surface — near-black in both themes — for a command, a config or an inline value, with copy.
A calendar-day field with typed entry, shortcut keys and a calendar picker, holding a Temporal.PlainDate.
Nuxt UI's UDrawer with a colored top edge.
A package manager as a two-letter mono tile, told apart by corner shape rather than brand color.
A value set in the mono face — a package name, a version, a hash — on a chip.
The mono label over a section, bracketed in the primary or set as an eyebrow.
Nuxt UI's UModal with a colored top edge.
One number input for money, percent, count and hours, formatting as you type, with unit marks that line up, steps that never snap, and a calculator mode.
Usage against a limit, amber from the warning mark, red and hatched over the limit.
An editor for a list of rows with the same few fields, with Add, Remove, folding, per-row errors and announcements.
Nuxt UI's USlideover with a colored top edge.
- slot 1 · free
- slot 2 · build 4812
- slot 3 · free
Capacity as one named chip per slot, open or held, as a labeled list.
A service's state by shape — circle, triangle, square, dashed ring, hollow ring — so it survives grayscale.
Light, dark or system as one segmented control, over Nuxt's color mode.
zoo_tok_7Qm2vX9kLr4TzW8nB3cYh6JdThe shown-once moment for a new secret, with copy, a warning and an optional acknowledgment.