A solid React wrapper around Syncfusion's circular gauge component for building speedometers, KPI dashboards, and sensor displays. It gives you needle, range bar, and marker pointer types, plus color-coded ranges for visual thresholds. The directive-based API (AxesDirective, PointersDirective) feels a bit verbose but lets you stack multiple pointers on one axis and handle real-time updates cleanly. Ships with built-in print/export to PDF and SVG, which is handy for reporting scenarios. Best for enterprise dashboards where you need polished gauge visuals out of the box rather than rolling D3 or canvas yourself. Requires a Syncfusion license for production use.
npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-circular-gauge --agent claude-codeInstalls into .claude/skills of the current project.
Select a file.
mindrally/skills
giuseppe-trisciuoglio/developer-kit
syncfusion/react-ui-components-skills
supercent-io/skills-template
binjuhor/shadcn-lar