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
  • Gradient Stacked Bar Chart
  • Outlined Stacked Bar Chart
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
ChartsStacked barOutlined Stacked Bar Chart
Chart

Outlined Stacked Bar Chart

Columns of stacked segments that rise together, with every series and the total in the tooltip — hairline outlines over a faint tint.

Sign in to copy the source code

A free account unlocks source, prompts, the CLI, shadcn registry and MCP.

Sign in to copyCreate account

Dependencies

motion

Category

Stacked bar

Tags

chartbarstackedoutlined

Stack

React · TypeScript · Tailwind v4 · Motion

Updated

Oct 24, 2026