Reference
Component Reference
Live examples of every UI component using the actual shadcn-vue primitives and Tailwind utility patterns from the dashboard.
<script src="https://operatorstack.dev/os.js" data-key="pk_live_..."></script>Click any card to fire a real toast notification.
No contacts yet
Share your waitlist to start collecting signups.
No traffic data yet
Add the tracking script to start seeing visitors.
| Source | Status | Signed Up | |
|---|---|---|---|
| emma.chen@gmail.com | waitlist | active | Feb 9, 2026 |
| j.rodriguez@hey.com | referral | active | Feb 9, 2026 |
| alex.kumar@company.io | form | active | Feb 8, 2026 |
| sarah.w@startup.dev | waitlist | pending | Feb 8, 2026 |
Pill-style tab bar used on Messages, Chat, and other multi-view pages.
Compact date-range toggle used on the Analytics page.
Inline delta indicators on KPI cards. Green for positive, red for negative, gray for neutral.
Primary metric uses green border, larger text, and a wider mobile span. Supporting cards stay neutral.
Traffic Over Time
SVG funnel with gradient fill, stage headers, and dropoff rates.
Conversion Funnel
Sortable horizontal bars for breakdowns (browsers, OS, etc).
Thin horizontal progress indicator with conditional color warning.
Terminal-style search with $ prefix.
Inline boolean toggle for settings (chat enabled, attention grabber, etc).
Detail panels for messages, conversations, and contacts. Click the button to open a live slide-over.
Red-accented section for destructive actions like deleting a project.
Danger Zone
Deleting this project will permanently remove all data.
Message and conversation status badges with contextual colors.
| Source | Visitors | Conv. | Rate |
|---|---|---|---|
| google.com | 4820 | 186 | 3.9% |
| (direct) | 3640 | 210 | 5.8% |
| twitter.com | 2180 | 98 | 4.5% |
| producthunt.com | 1420 | 102 | 7.2% |