Scalar UI
Marketing UIApp UIAIChartsBackgrounds
Sign inGet started
Scalar UI
Scalar UI© 2026 Scalar Limited

React · Tailwind CSS · Motion

Browse

HomeAll components 213

Collections

Marketing UI 107App UI 94AI 16Charts 45Backgrounds 2Text 43

More

Text 43

Charts

All Charts 45
Bar chart 2
Stacked bar 2
Horizontal bar 2
Line chart 3
Area chart 3
Spark chart 1
Pie chart 2
Donut & semi-donut 2
Radial chart 1
Hexagon chart 3
Heatmap 2
Funnel chart 3
Category bar 2
Segmented progress 1
Scatter & bubble 2
Combo chart 2
Waterfall 2
Diverging bar 2
Candlestick 2
Treemap 2
Waffle chart 2
Sankey 2

Resources

Docs & installScalar Design

Charts

Segmented progress

Status blocks for uptime, streaks and steps.

1 result

AllMarketing UIApp UIAIChartsBackgroundsText
Bar chartStacked barHorizontal barLine chartArea chartSpark chartPie chartDonut & semi-donutRadial chartHexagon chartHeatmapFunnel chartCategory barSegmented progressScatter & bubbleCombo chartWaterfallDiverging barCandlestickTreemapWaffle chartSankey

1 result

Gradient Segmented Progress preview

Gradient Segmented Progress

Chart

A row of status blocks — uptime, streaks, steps — that pop up left to right with tooltips — soft gradient fills that fade into the floor.