Component library

Navigation

Tabs, breadcrumbs, and wayfinding.

Pill Tabs

A segmented tab control with a sliding active state.

Pro
Overview content goes here.

Command Palette

A ⌘K overlay with grouped fuzzy results and a sliding highlight.

Pro

This site's real ⌘K uses the same component, scoped to this box here, so it doesn't take over the page.

Stepper

A step indicator whose connectors fill and checkmarks draw in.

Pro

Icon Stepper

A stepper with a swappable per-step icon instead of a number.

Pro

Comet Stepper

Advancing races a comet down the connector and flips the badge.

Pro

Dock Nav

A macOS-style dock whose icons magnify toward the cursor.

Pro

Activity

  • Weekly digest is ready

    Twelve updates from teams you follow, condensed into a two-minute read.

  • New comment on your post

    “This is exactly the pattern I was looking for, thank you.”

  • Storage nearing its limit

    You're at 82% of your workspace quota. Consider archiving old projects.

  • Priya invited you to a project

    Join “Q3 Roadmap” to see shared files, tasks, and timelines.

  • Deploy succeeded

    main was published to production in 48s with zero failed checks.

  • Suggested for you

    Three workspaces similar to yours picked up this integration last week.

Move your cursor along the dock: icons magnify by proximity, like macOS. Scroll the panel to watch it tuck away.

Rail Nav

A top nav with mega-panels that collapses off its own measured width.

Pro
  • Built for momentum

    Every surface in the product is designed to keep a team moving without waiting on a meeting to unblock it.

  • Data that stays honest

    Numbers update live across every dashboard, so the report you're reading is never a stale export from last week.

  • Plays well with your stack

    Native integrations for the tools already open in your other tabs, no migration project required.

  • Support that answers

    A real engineer, not a queue, on every plan above the free tier.

  • Security by default

    SSO, audit logs, and role-based access are switched on from day one, not gated behind a sales call.

Hover “Product” or “Solutions” for a live preview panel, and scroll the panel to see the bar pick up a background. Switch to “Mobile” to see it collapse on its own container width.

Strata Menu

A drawer menu for deep trees, with folded levels you can peek into.

Pro
Corvid

Strata

Hover a folded panel to jump between levels.

Open the menu, then step into Work or Studio. Each level you leave folds into a labeled panel on the left; hover or focus one to preview that whole level and jump straight to a sibling branch. Arrow keys move within a level, right steps in, left steps back, Escape unwinds one step at a time.

Popover

The anchored-panel primitive, with flip, shift, and arrow repointing.

Pro

Drag the anchor toward an edge. The popover flips and shifts to stay in view.

The placement engine tries the preferred side, flips to the opposite when the panel would overflow that edge, then shifts along the cross axis to stay inside the boundary and repoints the arrow at the anchor center. Pick a side to force it and drag the anchor to watch it correct itself; the shipped component is a portal trigger plus content with click-outside and Escape.