shadcn base — Hoverlab | registry.directory

H

Vijetbhat6/hoverlab/base

HoverlabhoverlabThe Hoverlab design system: light and dark CSS variables, radius scale and icon library. Install this first and every Hoverlab block and page inherits it.

Cockpit — a Hoverlab presetpreset-cockpitCool violet accent, small corners, tight gutters, smaller type throughout. Dashboards and admin panels that have to show a lot at once without shouting.

Console — a Hoverlab presetpreset-consoleAlmost no chroma anywhere, square corners, tighter gutters and slightly smaller type. Developer tools and anything data-heavy, where colour should mean something rather than decorate.

Hoverlab — a Hoverlab presetpreset-hoverlabWhat this site wears — a green brand over faintly warm neutrals, 12px corners, standard gutters. The catalog as it ships. Start here if you like how the blocks look on this site.

Signal — a Hoverlab presetpreset-signalHigh-chroma amber on lightly tinted neutrals, at the catalog’s own proportions. Consumer apps and launches — the one that looks least like a developer tool.

Studio — a Hoverlab presetpreset-studioA warm brand over warm neutrals with large corners and generous spacing. Marketing sites and consumer products — the shape that reads as calm rather than capable.

HoverlabhoverlabThe Hoverlab design system: light and dark CSS variables, radius scale and icon library. Install this first and every Hoverlab block and page inherits it.

Cockpit — a Hoverlab presetpreset-cockpitCool violet accent, small corners, tight gutters, smaller type throughout. Dashboards and admin panels that have to show a lot at once without shouting.

Console — a Hoverlab presetpreset-consoleAlmost no chroma anywhere, square corners, tighter gutters and slightly smaller type. Developer tools and anything data-heavy, where colour should mean something rather than decorate.

Hoverlab — a Hoverlab presetpreset-hoverlabWhat this site wears — a green brand over faintly warm neutrals, 12px corners, standard gutters. The catalog as it ships. Start here if you like how the blocks look on this site.

Signal — a Hoverlab presetpreset-signalHigh-chroma amber on lightly tinted neutrals, at the catalog’s own proportions. Consumer apps and launches — the one that looks least like a developer tool.

Studio — a Hoverlab presetpreset-studioA warm brand over warm neutrals with large corners and generous spacing. Marketing sites and consumer products — the shape that reads as calm rather than capable.

Select a component to view its code

Click on any item in the sidebar to get started

Select a component to view its information