Catalog metadata for this block. Install copies the source into your project.
npx cronus-ui add hero| Field | Type | Default | Description |
|---|---|---|---|
slug* | string | "hero" | Registry item id. Passed to cronus-ui add. |
name* | string | "Hero" | Display name shown in the gallery. |
description* | string | "A centered marketing hero with eyebrow, headline, copy and CTAs." | Short summary of what the block covers. |
variants | { id: string; name: string; description: string }[] | ["centered", "split", "compact", "atmosphere"] | Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default. |
Every published look for this block.
| Id | Name | Description |
|---|---|---|
centered | Centered launch | Classic centered SaaS hero with trust proof and two CTAs. |
split | Split dashboard | Two-column hero with a compact product-quality panel. |
compact | Compact registry | Contained hero card for docs, registries and template libraries. |
atmosphere | Atmosphere | Centered launch hero over a receding grid floor, shooting stars, and a typing headline. |
A centered marketing hero with eyebrow, headline, copy and CTAs.
A modern toolkit for building accessible, themeable interfaces — so you spend less time on plumbing and more time on the product your customers love.
Loved by 9,000+ builders
Classic centered SaaS hero with trust proof and two CTAs.
Compose accessible primitives, tokenized themes, and production-ready sections without re-solving every interaction from scratch.
Two-column hero with a compact product-quality panel.
Blocks inherit your theme, radius, color scale, and typography automatically.
Contained hero card for docs, registries and template libraries.
A product UI system: compose the app, theme it live, and keep the copy-in you can
Centered launch hero over a receding grid floor, shooting stars, and a typing headline.