Asset Overview Bar Chart

Free Animated React Stacked Bar Chart: Funds & Stocks

Asset Overview Bar Chart is a free animated React + Tailwind stacked bar chart from mebius.design that stacks mutual funds and stocks per slot over a week, month or year.

FREEMIT

Install with the shadcn CLI

Terminal
npx shadcn@latest add https://www.mebius.design/r/charts-asset-overview-bar.json

Open code, MIT license

No account needed. Use it, change it and ship it: one of the 20 starter items.


Working in Cursor or Claude Code? Add it through the mebius MCP.

MCP docs

What’s included

  • Figma fileAuto layout and variables, light theme
  • React + TypeScript sourceTailwind v4, one file: asset-overview-bar-chart.tsx
  • shadcn registry item@mebius/charts-asset-overview-bar

Dependencies

The CLI installs these with it.

npm

  • animejs

Registry items

  • utils
  • theme
  • chart-card
  • button
  • icons
  • segmented-control
  • swatch
  • use-chart-motion
  • use-chart-size
  • use-controllable-state
  • format
  • series

Questions, answered

About Asset Overview Bar Chart and the other free charts. Anything else? Our team replies within a working day.

Contact support

Yes. Its React code and AI prompt are open to everyone under the MIT license, no account needed. A free mebius account adds the Charts Figma file it comes from. No card and no trial.