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.
Tooltip layouts for the chart primitive: totals, sorted list and previous-period comparison
Number and date formatters plus buildChartConfig, shared by chart components
Activity — sessions by weekday and hour
Feature usage by plan — values printed in cells
Error rate — services by day with an incident
(No description)
(No description)
Response times — right-skewed latency distribution
Order values — two clusters of basket sizes
Test scores — 20 narrow bands without a grid
Toggle series — show or hide latency percentiles on a line chart
Hover highlight — dim the other channels on a stacked bar chart
Top legend — sessions by device with icons, legend above the chart
API latency — p50, p90 and p99 over a day
Revenue forecast — dashed forecast continuing the actuals
Conversion rate — dots and a target line
Triangle table of retention by cohort and period, with shaded % cells
(No description)
Characters animate in with randomized vibrant colors
(No description)
(No description)
(No description)
Bars and lines on one plot, with an optional second y-axis for the lines
(No description)
A card tilts back flat and settles as it scrolls into view
(No description)
Animates from a start value to a target number
Browser share — pie with a bottom legend
Survey answers — percentage labels and a side legend
Expenses — spending by category with currency values
Activity by weekday — one colour
Wind rose — hours by direction
Tickets by topic — a colour per slice
Profile completion — ring with a checklist
Quota used — colours by threshold
Sizes — from 32px to 96px
Product comparison — two laptops across six aspects
Skill profile — circle grid with dots
Plan scorecard — three outlined plans
Activity rings — three daily goals
Seats used — half ring with an upgrade action
Site scores — four Lighthouse rings
Latency band — p5–p99 with the median line
Revenue forecast — actuals then a widening forecast band
Temperature range — monthly low and high
Requests per second — live stream
Room temperature — two sensors, fixed axis
Price feed — a random walk