Blocks

Chart

Ready-to-use ApexCharts examples styled with UI Thing design tokens. Includes bar, line, pie, donut, radar, radial bar, and bubble charts.

Bar

Horizontal grouped bar chart with three series across twelve months. Features rounded bar ends, themed grid and axis colors, and a toolbar that only shows on larger screens.

External View

Line

Smooth multi-series line chart. Uses semantic color tokens for the grid, axes, and legend so it adapts to light and dark mode.

External View

Pie

Classic pie chart for showing proportions of a whole, with themed legend and slice colors.

External View

Donut

Donut chart with a hollow center, ideal for percentage breakdowns and compact summaries.

External View

Radar

Radar chart comparing multiple series across several axes, great for skill or performance comparisons.

External View

Radial Bar

Circular progress-style bars for comparing values against a maximum, with themed track and label colors.

External View

Bubble

Bubble chart that adds a third dimension to scatter data through bubble size.

External View