Centered focal
One centerpiece + floating card; first-run & single-action tools.
Default
Waiting for data
Add the script tag to your site to start seeing activity here.
Custom Classname
No activity yet
Charts will appear once your integration starts sending events.
Loading State
Syncing data…
This may take a few seconds.
No Backdrop
No messages yet
Your inbox is empty. New messages will appear here.
With Form
With Illustration Backdrop
Connect your data source
Choose a source to start streaming events into your workspace.
Installation
npx shadcn@latest add @byronwade/centered-focal