FLITTERCHART

Flitter Chart

shadcn-style chart library. Install via CLI, own the source, customize everything.

No lock-in. Full custom.

npx flitter-ui init
npx flitter-ui add bar-chart
Browse Charts

Replace any part

import { BarChart } from "@/components/charts/bar-chart"

BarChart({
  data,
  custom: {
    bar: ({ value, legend, isHovered }, ctx) => {
      const color = ctx.config.colors.fills[0]
      return Container({
        decoration: new BoxDecoration({ color }),
      })
    }
  }
})

Own the source

src/components/charts/
├── bar-chart/
│   ├── index.ts
│   ├── config.ts
│   └── style/
│       └── parts/
│           ├── bar.ts        ← customize here
│           └── tooltip.ts
└── line-chart/
    ├── index.ts
    ├── config.ts
    └── style/
        └── parts/
            ├── line.ts
            └── point.ts

See what's possible