Gauge is an aesthetic and customizable circular visual component for React.
Examples and playground: https://gauge.onur.dev
Find the full API reference in the documentation.
pnpm install @suyalcinkaya/gaugeimport { Gauge } from '@suyalcinkaya/gauge'
export function Component(): JSX.Element {
return <Gauge value={23} />
}The Gauge repository uses pnpm Workspaces and Turborepo. To install dependencies, run pnpm install in the project root directory.
pnpm installcd packages/gauge
pnpm buildWatch mode: pnpm dev
You can also debug it with the website app locally. For instance; to start apps/website locally, run the following command in the project root directory.
pnpm devCheck localhost:3000 to see the website app.
Inspired by Geist Design System from the Vercel team and by geist-gauge from Ajay.