Blocks
Pre-composed UI patterns built from TetrisUI primitives. Copy these as starting points for common views. Every block composes only from the component library; no custom CSS.
Login
Authentication form with email, password, remember me, and social sign-in.
Welcome back
Sign in to your account
Customer Detail
Full account view with avatar, KPIs, integration table, activity feed, and notes.
Mezcla
LiveSarah Chen . [email protected] . Active since Jan 2024
| Integration | Status | Last Sync | Records |
|---|---|---|---|
| QuickBooks Online | Connected | 3 min ago | 1,247 |
| SPS Commerce | Connected | 12 min ago | 394 |
| Shopify | Pending setup | Never | 0 |
Inventory Table
SKU table with stock levels, reorder thresholds, location filter, and status badges.
Inventory
5 SKUs across 2 warehouses
| SKU | Product | Stock | Reorder at | Location | Status |
|---|---|---|---|---|---|
| MZC-001 | Organic Hot Sauce (6oz) | 1,247 | 200 | Warehouse A | In Stock |
| MZC-002 | Organic Hot Sauce (12oz) | 89 | 100 | Warehouse A | Low Stock |
| MZC-003 | Habanero Blend (6oz) | 0 | 150 | Warehouse B | Out of Stock |
| KHW-001 | Single Origin Dark Roast | 534 | 100 | Warehouse A | In Stock |
| KHW-002 | Light Roast Blend | 67 | 75 | Warehouse B | Low Stock |
Invoice
Line-item invoice with subtotal, tax, and actions.
Invoice #INV-2024-047
Mezcla . Due Apr 30, 2026
| Description | Qty | Rate | Total |
|---|---|---|---|
| QuickBooks Integration Setup | 1 | $2,500 | $2,500 |
| SPS Commerce Configuration | 1 | $1,800 | $1,800 |
| Monthly Platform Fee (Pro) | 1 | $499 | $499 |
| Data Migration (847 SKUs) | 847 | $0.5 | $423.5 |
Team Members
Member list with avatars, roles, status badges, and role management.
Team
5 members
Wiley Jones
CEO
Arnav Mishra
VP Engineering
Luke Kim
Head of PMO
Jaylen Torres
EDI Specialist
Josh Park
Designer
Settings Panel
Toggle-based notification preferences with save/cancel actions.
Notification Settings
Choose how you want to be notified.
Email notifications
Receive sync status and error alerts.
Slack alerts
Post to #ops-alerts on failures.
Weekly digest
Summary of all activity, sent Mondays.
Marketing emails
Product updates and feature announcements.
Onboarding Checklist
Progress tracker for customer setup with checkbox steps.
Getting Started
3 of 6 complete
Pricing Table
Three-tier pricing cards with feature lists and CTAs.
Starter
Pro
Enterprise
Analytics Cards
KPI cards with sparklines, progress bars, and stat grids.
Orders Today
+12.5% from yesterday
Sync Errors
+2 since last hour
Sync Performance
Last 7 days
Records synced
Avg latency
Success rate
Failed jobs
File Upload
Drag-and-drop upload area with file list and import action.
Import Data
Upload a CSV or Excel file to import inventory records.
Drop files here or click to browse
CSV, XLSX up to 10MB
inventory-export-2024.csv
2.4 MB
Command Bar
Search input with keyboard shortcut hint.
Notification Center
Activity feed with read/unread states, timestamps, and action buttons.
Notifications
2 newPO #4891 synced
Mezcla. All 23 line items matched.
QuickBooks sync failed
SEB Brewing. Connection timed out after 30s.
New customer added
Luminary Foods onboarding started.
SPS labels generated
BDF Industries. 12 labels ready for print.
Weekly report ready
7-day sync summary for all accounts.
User Profile
Profile card with avatar, details, stats, and quick actions.
Alert Stack
System notification banners with semantic variants.