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.
(No description)
(No description)
(No description)
Smooth spring-based number interpolation
Time series with event markers, target lines and shaded periods
Data-driven area chart: default, stacked or percent, with gradient, solid or no fill
(No description)
(No description)
(No description)
(No description)
Data-driven bar chart: columns or horizontal bars, grouped, stacked or percent, with value labels
Ranked horizontal bars with a name and value per row; rows can be links or buttons
Quartiles and range per group, from raw values or precomputed stats
(No description)
Characters scale and opacity pulse in a wave pattern using variable fonts
Area or line chart with a brush underneath to zoom and pan a long series
Compact bar comparing a value with a target over qualitative ranges
(No description)
(No description)
Days laid out in week columns and shaded by value, like a contribution graph
Open, high, low and close candles with optional volume bars
Deploy markers — error rate with deploy, rollback and SLO
Campaign periods — shaded launch and webinar weeks
Incident — latency with an incident window and SLA
Text filled with flowing colored lines drawn on a canvas
(No description)
Visitors — desktop vs mobile with gradient fill
MRR by plan — stacked areas with a total tooltip
Traffic mix — percent-stacked share of sessions by channel
Provisioned storage — step curve for values that jump
(No description)
One bar split into coloured ranges, with boundary labels and an optional marker
Monthly revenue — single series in a chart card
Signups by channel — stacked columns
Top pages — horizontal bars with value labels
Profit & loss — negative values below a zero line
Sales vs quota — reference line for the target
Top pages — page views, last 30 days
Top countries — flags and % share
Clickable referrers — rows filter the dashboard
Salary by role — precomputed quartiles
Latency by region — quartiles computed from raw samples
CI run time — per runner against a time budget
Two years of revenue — starts zoomed to 90 days
Sensor log — three days of 10-minute readings
Stock history — a year of closes, last 60 sessions shown
Sales vs quota — per rep with performance bands
SLA vs target — response time per support tier