Cnippet UI is a production-ready, curated set of accessible and composable React components—built with Base UI and Tailwind CSS. Copy, paste, and ship stunning interfaces faster.
Traffic flow — source to landing page to outcome
Budget allocation — department then spend type
Energy flow — source to use, with losses
Price vs rating — products coloured by category
Deal size vs sales cycle — bubbles sized by seats
Response time vs payload — single-series correlation
Visitors — desktop and mobile tabs with totals
Metric switcher — users, sessions and revenue
Rates — funnel rates as lines, tabs without totals
KPI card — revenue with a 7-day spark area
Table cell — weekly users trend per workspace
Trend colours — green or red by direction, inverted for errors and CPU
Daily commits — 28 days of activity
Win/loss — last 15 games per team
Weekly volume — stacked web and app orders in a card
Stock ticker — 10-day price lines with change
Status list — service latency with a status badge
Up vs down — the same line coloured by what rising means
(No description)
Revenue by region — region then country
Disk usage — folders and subfolders
Org structure — departments and teams
Server metrics — CPU, memory and network
Sales — revenue, orders and AOV
Traffic vs conversion — sessions and rate by hour
Visitors — 7d / 30d / 90d with totals per device
Revenue — 3m / 6m / 12m monthly bars
API calls — stacked successful and failed calls
90-day uptime — daily status with incidents
Build history — last 30 CI runs
Habit tracker — four weeks per habit
Revenue mix — two levels: business line and product
Bundle size — flat list of packages
Disk usage — click a cell to select it
MRR movement — new, expansion, contraction and churn
P&L bridge — revenue to net profit with subtotals
Headcount change — hires and departures by team
(No description)
Bar growing left or right from the centre to show a +/− change
(No description)
(No description)
Part-to-whole ring with a centre value, slice labels and a bottom or side legend
(No description)
Bar chart that drills into a bar's breakdown on click or Enter, with breadcrumbs back
(No description)
Characters decrypt from gibberish in a military terminal style
(No description)
(No description)