Skip to content
RivetUI

Empty State

Explains an empty surface and guides the next useful action without adding noise.

@rivetui/empty-state

Preview

Explore each composition interactively, then open its code in the same context.

Default

Workspace / Empty

No deployments yet

Connect a repository and ship the first revision to create a deployment history.

New deployments will appear here automatically.

Compact

No matching projects

Try another search term or clear the active filters.

Unframed

Activity

Nothing to review

New events will appear here as soon as the project changes.

Registry

Installation

Add the component source and its declared dependencies with the shadcn CLI.

Install component
bunx --bun shadcn@latest add @rivetui/empty-state
Inspect registry item

Public interface

API reference

Component-specific props are listed here. Native element and Base UI props continue to pass through.

EmptyState

PropTypeDefault
variant"plain" | "outline""outline"
size"sm" | "md""md"
classNamestring—

EmptyStateMedia

PropTypeDefault
variant"plain" | "icon""icon"
classNamestring—
Rivet UI / Empty StateComponents engineered, not decorated.