Component Library

Browse, preview, and copy components

Widgets & Stat Cards

20 dashboard widgets across 5 categories -- bar, line, column, circular, and specialty -- each rendered in 3 responsive sizes.

Bar Widgets

Cards with title, big number, and horizontal bar breakdown for comparing categories.

Revenue by Region

Large
Medium
Small

Revenue by region

$847K

12.5%

vs last quarter

North America$340K
Europe$220K
Asia Pacific$180K
Latin America$107K

Revenue by region

$847K

12.5%

vs last quarter

North America$340K
Europe$220K
Asia Pacific$180K
Latin America$107K

Revenue by region

$847K

12.5%

vs last quarter

North America$340K
Europe$220K
Asia Pacific$180K
Latin America$107K

Product Performance

Large
Medium
Small

Product performance

85%

+5.2%

avg satisfaction score

Product Alpha92%
Product Beta85%
Product Gamma78%
Product Delta64%

Product performance

85%

+5.2%

avg satisfaction score

Product Alpha92%
Product Beta85%
Product Gamma78%
Product Delta64%

Product performance

85%

+5.2%

avg satisfaction score

Product Alpha92%
Product Beta85%
Product Gamma78%
Product Delta64%

Budget Tracker

Large
Medium
Small

Budget Tracker

$2K/mo

monthly spend breakdown

Infrastructure$800
Marketing$520
Payroll$480
Miscellaneous$200

Budget Tracker

$2K/mo

monthly spend breakdown

Infrastructure$800
Marketing$520
Payroll$480
Miscellaneous$200

Budget Tracker

$2K/mo

monthly spend breakdown

Infrastructure$800
Marketing$520
Payroll$480
Miscellaneous$200

Marketing Campaigns

Large
Medium
Small

Marketing Campaigns

$1.8M

8.3%

total ad spend by channel

Social Media$680K
Email Marketing$450K
PPC / Ads$380K
Content / SEO$290K

Marketing Campaigns

$1.8M

8.3%

total ad spend by channel

Social Media$680K
Email Marketing$450K
PPC / Ads$380K
Content / SEO$290K

Marketing Campaigns

$1.8M

8.3%

total ad spend by channel

Social Media$680K
Email Marketing$450K
PPC / Ads$380K
Content / SEO$290K

Line Widgets

Cards with title, value, and a simple sparkline trend using SVG polyline.

User Sign-ups

Large
Medium
Small

User sign-ups

2,847

18.2%

this month

User sign-ups

2,847

18.2%

this month

User sign-ups

2,847

18.2%

this month

Revenue by Plan

Large
Medium
Small

Revenue by plan

$24.8K

+9.1%
ProTeamEnterprise

Revenue by plan

$24.8K

+9.1%
ProTeamEnterprise

Revenue by plan

$24.8K

+9.1%
ProTeamEnterprise

Audience

Large
Medium
Small

Audience

54.2K

22.4%

total active users

Audience

54.2K

22.4%

total active users

Audience

54.2K

22.4%

total active users

Revenue by Region

Large
Medium
Small

Revenue by region

$4.5K

3.2%

Revenue by region

$4.5K

3.2%

Revenue by region

$4.5K

3.2%

Column Widgets

Cards with title, value, and vertical mini bar charts for time-series data.

New Sign Ups

Large
Medium
Small

New sign ups

11,740

14.6%
J
F
M
A
M
J
J
A
S
O
N
D

New sign ups

11,740

14.6%
J
F
M
A
M
J
J
A
S
O
N
D

New sign ups

11,740

14.6%

Usage Analytics

Large
Medium
Small

Usage analytics

1.2M

+6.8%

API requests this week

Usage analytics

1.2M

+6.8%

API requests this week

Usage analytics

1.2M

+6.8%

API requests this week

Performance Analytics

Large
Medium
Small

Performance analytics

94.2%

2.1%
DesktopMobile

Performance analytics

94.2%

2.1%
DesktopMobile

Performance analytics

94.2%

2.1%
DesktopMobile

Revenue by Category

Large
Medium
Small

Revenue by category

$38.2K

11.4%
SaaSServicesLicenses

Revenue by category

$38.2K

11.4%
SaaSServicesLicenses

Revenue by category

$38.2K

11.4%
SaaSServicesLicenses

Circular Widgets

Cards with donut charts, progress rings, pie charts, and gauge displays.

Traffic Sources (Donut)

Large
Medium
Small

Traffic sources

150K
Organic40%
Direct25%
Referral20%
Social15%

Traffic sources

150K
Organic40%
Direct25%
Referral20%
Social15%

Traffic sources

150K
Organic40%
Direct25%
Referral20%
Social15%

Engagement Trends (Ring)

Large
Medium
Small

Engagement trends

73%

Likes

12.4K

Comments

3.2K

Shares

1.8K

Engagement trends

73%

Likes

12.4K

Comments

3.2K

Shares

1.8K

Engagement trends

73%

Likes

12.4K

Comments

3.2K

Shares

1.8K

Monthly Sales (Pie)

Large
Medium
Small

Monthly sales

$67.5K
Electronics
Clothing
Food
Books
Other

Monthly sales

$67.5K
Electronics
Clothing
Food
Books
Other

Monthly sales

$67.5K
Electronics
Clothing
Food
Books
Other

Traffic Sources (Gauge)

Large
Medium
Small

Traffic sources

147K

Organic

74%

Direct

18%

Referral

8%

Traffic sources

147K

Organic

74%

Direct

18%

Referral

8%

Traffic sources

147K

Organic

74%

Direct

18%

Referral

8%

Other Widgets

Steps progress, score gauges, budget trackers, and system status indicators.

Onboarding Steps

Large
Medium
Small

Onboarding steps

3/5steps
Create account
Verify email
Set up profile
Add payment
Complete onboarding

Onboarding steps

3/5steps
Create account
Verify email
Set up profile
Add payment
Complete onboarding

Onboarding steps

3/5steps
Create account
Verify email
Set up profile
Add payment
Complete onboarding

Health Score

Large
Medium
Small

Health score

82

Performance

Excellent

Last month

78

Health score

82

Performance

Excellent

Last month

78

Health score

82

Performance

Excellent

Last month

78

Budget Tracker

Large
Medium
Small

Budget

Monthly
62%used

Spent

$12.4K

Remaining

$7.6K

Total Budget

$20K

Budget

Monthly
62%used

Spent

$12.4K

Remaining

$7.6K

Total Budget

$20K

Budget

Monthly
62%used

Spent

$12.4K

Remaining

$7.6K

Total Budget

$20K

System Status (Battery)

Large
Medium
Small

System status

72%CPU
85%Memory
45%Disk
61%Network

System status

72%CPU
85%Memory
45%Disk
61%Network

System status

72%CPU
85%Memory
45%Disk
61%Network