design-infraReport a problem or share feedback← Catalog
Contribution Graph
curatedtheme-awarefreekibo-ui/contribution-graph
A GitHub-style contribution graph component that displays activity levels over time.
drop-inTrustworthyTechnical
$
npx shadcn@latest add @kibo-ui/contribution-graphnpm deps: date-fns
Our notes
GitHub-style contribution heatmap; levels use fill-muted-foreground/N, so it inherits the theme.- Source
- Kibo UI
- Kind
- component
- Categories
- chart, dashboard
- Use as
- drop-in — replaces your component
- Applies to
- chartdashboard
- Motion
- not tagged (static or unknown)
- Licence
- MIT (shadcnblocks/kibo, originally Hayden Bleasel). Premium blocks are sold at shadcnblocks.com — not catalogued.
- Live demo
- www.kibo-ui.com
- Docs
- www.kibo-ui.com
Similar
Compare all 4 →- Template · SaaS dashboardoc/template-saas-dashboardStarter page → app/dashboard/page.tsx. Use existing compatible tokens, or install a theme only when requested; it pulls in 3 @oc blocks. Preview: /templates/template-saas-dashboard.
- Contribution Graphsmoothui/contribution-graphA ContributionGraph component for SmoothUI.
- Dither Chartsmoothui/dither-chart♥ The user singled out the dither chart as an interesting component to feature on the homepage. Use the real pixelated data visualization with selectable chart styles and clearly labeled sample data. — Pixelated Canvas charts with line, donut, bar and other data shapes. Good for distinctive dashboards and product illustrations; keep its data text alternative, label demo data and provide controls outside the canvas. Hosted local demo preserves the upstream component and install command.