Components/shadcn/Chart

Chart

Chart with Crafter styling. Explore the live example and use the source in your project.

shadcn / Base UI

Area Chart

Area Chart
Showing total visitors for the last 6 months
Trending up by 5.2% this month
January - June 2024

Bar Chart

Bar Chart - Multiple
January - June 2024
Trending up by 5.2% this month
Showing total visitors for the last 6 months

Installation

Add the shadcn primitive and the shared Crafter theme to a Base UI project. The theme updates your project-wide tokens.

Terminal
bunx --bun shadcn@4.21.0 add http://localhost:4324/r/chart.json
First time here? Read the setup guide ↗

Composition

A foundation for your own components. The source stays close to the upstream API.

From the foundation

These primitives use shadcn Base UI with the same Crafter colors, typography and corners as this entire site. Customize that shared identity in the style generator.

Upstream documentation ↗