Spark UI
Back to UI Kit

Radial Category Wheel

Categories spread around a full 360-degree polar axis as rounded arc pillars.

Interactive Stage Preview

Customize

7 options
Accent Color
Categories
3
Pillar Width
12
Corner Radius
6
Sort By Size
Shaded Tones
Animation Speed
100

Get this component

Copies the component into your project, installs what it needs, and pulls down its images. Nothing to download by hand.

npx spark-ui-registry@latest add mono-polar-radial-pillars

Writes to components/spark-ui/ by default; override with --dir. The file is yours to edit; there is no package to keep in sync.

Or let an AI agent pull it in for you. Set up the MCP server
PropertyTypeDefaultDescription
theme'dark' | 'light''dark'Colour scheme of the card.
compactbooleanfalseShrinks the card to a smaller fixed height.
colorstring (hex)'#ff8a3d'Primary series color.
categoriesnumber3Number of radial pillars.
barWidthnumber12Thickness of each pillar in pixels.
cornerRadiusnumber6Rounding on each pillar's ends.
sortedbooleantrueOrder pillars from largest (outside) to smallest.
shadedbooleanfalseFade each inner pillar to a lighter tone.
speednumber100Playback speed of entry and transition animations, as a percentage.