Marketing

Navbar variations

A contained, rounded marketing navigation bar with brand mark and CTAs.

3 variations

3 results

Pill with actions

dark

Rounded navbar with brand badge, primary links and sign-in actions.

light

Floating pill navbar with centered links on a blurred overlay surface.

New

Cronus 2.0 is live — 40 new blocks and a refreshed theme engine.

dark

Announcement bar with a badge and link above the navigation row.

Catalog metadata for this block. Install copies the source into your project.

npx cronus-ui add navbar

Field	Type	Default	Description
`slug`*	`string`	`"navbar"`	Registry item id. Passed to cronus-ui add.
`name`*	`string`	`"Navbar"`	Display name shown in the gallery.
`description`*	`string`	`"A contained, rounded marketing navigation bar with brand mark and CTAs."`	Short summary of what the block covers.
`variants`	`{ id: string; name: string; description: string }[]`	`["classic", "centered", "with-announcement"]`	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
`classic`	Pill with actions	Rounded navbar with brand badge, primary links and sign-in actions.
`centered`	Centered pill	Floating pill navbar with centered links on a blurred overlay surface.
`with-announcement`	With announcement	Announcement bar with a badge and link above the navigation row.