$99 launch price

Components

Dither Pie

Pro

Customize

<DitherPie size={260} />

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/dither-pie

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 132 Pro components · lifetime updates.

I have a licenseGet Pro
<DitherPie
  data={[
    { name: "Pro", value: 41200 },
    { name: "Team", value: 27800 },
    { name: "Enterprise", value: 18600, colors: ["#500724", "#be185d", "#fbcfe8"] },
  ]}
  onSelect={(slice) => console.log(slice?.name)}
/>

Use cases

  • Revenue by plan

    Which tiers pay the bills; hover a slice to read its share.

  • Vote split

    A poll or survey result where the whole is the point.

  • Budget allocation

    How a department's spend divides, as a halftone print that reads on paper-white and ink-black.

  • Device share

    Mobile, desktop and tablet as a compact tile on an analytics overview.