Dashboard - Analytics Cards Blocks

Explore custom community-made shadcn/ui and Tailwind CSS Dashboard Analytics Cards blocks.

@bklit

Stat Card Choropleth 01

A dashboard stat card featuring an interactive world choropleth map, animated number transitions with NumberFlow, and a trend badge, built with React and D3-based geographic visualization.

block

@bklit

Stat Card Line 01

A responsive analytics card featuring a smooth line sparkline chart, animated NumberFlow value transitions, and a trend badge for displaying session metrics.

block

@bklit

Stat Card Area 01

A revenue statistics card featuring a smooth gradient area chart, interactive hover states with data bridging, and animated number transitions using NumberFlow.

block

@billingsdk

Usage Meter Circle

A circular usage meter component featuring animated SVG progress rings, spring-based percentage transitions, and dynamic color-coding based on consumption thresholds.

block

@billingsdk

Usage Meter Linear

A responsive usage meter component featuring animated linear and circular progress bars, dynamic color-coded status indicators, and Framer Motion spring animations to visualize resource consumption limits.

block

@beste-ui

Health1

A responsive health metrics dashboard featuring color-coded cards for vital signs like heart rate and sleep, including trend indicators, custom icons, and action buttons for wellness tracking applications.

block

@8bitcn

Advanced2

A retro 8-bit styled KPI dashboard component featuring grid-aligned metric cards with progress bars, value indicators, and custom typography for gaming-themed data visualization.

block

No more components to load

Select an Item to view its code

Choose an item from the list to view its code and files.