Skip to content
Acme
Components

A library of 34 primitives, composed for real product interfaces.

Base UI-backed components with consistent tokens, accessible states, and restrained interaction details.

Status, Nav & Data31 / 34

Charts

Composable Recharts wrappers for area, line, bar, pie, radar, radial, and sankey visualizations.

Area chart

Composable area series with fill patterns, stroke styles, stacking, and optional zoom brush.

  • gradient

    variant="gradient"

  • gradient-reverse

    variant="gradient-reverse"

  • solid

    variant="solid"

  • dotted

    variant="dotted"

  • lines

    variant="lines"

  • hatched

    variant="hatched"

  • Stacked

    stackType="stacked"

Line chart

Line series with reveal masks, dot markers, glow, and buffer segments on the latest point.

  • solid

    strokeVariant="solid"

  • dashed

    strokeVariant="dashed"

  • Glowing

    glowing

  • Buffer line

    enableBufferLine

Bar chart

Bar series with pattern fills, stacking, horizontal layout, and grow-in animation order.

  • default

    variant="default"

  • hatched

    variant="hatched"

  • duotone

    variant="duotone"

  • duotone-reverse

    variant="duotone-reverse"

  • gradient

    variant="gradient"

  • stripped

    variant="stripped"

  • Stacked

    stackType="stacked"

  • Horizontal

    layout="horizontal"

Pie chart

Radial sectors with gradient fills, donut shapes, and optional background patterns.

  • Gradient

    variant="gradient"

  • Donut

    innerRadius

Radar chart

Polar comparison charts with filled or line-only radars and optional point markers.

  • Filled

    variant="filled"

  • Lines

    variant="lines"

Radial chart

Circular bar charts for ranked metrics — full ring or semi-circle layouts.

  • Full

    variant="full"

  • Semi

    variant="semi"

Sankey chart

Flow diagrams with composable nodes, links, and per-link coloring strategies.

  • gradient

    variant="gradient"

  • solid

    variant="solid"

  • source

    variant="source"

  • target

    variant="target"