Metric components

Powerful and customizable React metric components built for modern applications and websites. These metric components are built using React Aria and styled with Tailwind CSS.

Metrics example

Preview

Code

View 24 hours

2,000

100%

vs last month

Installation

CLI

Manual

npx properui@latest add metrics

Metrics examples

Simple

Preview

Code

Views 24 hours

2,000

100%

Simple actions

Preview

Code

Views 24 hours

2,000

100%

View report

Metrics icon 01

Preview

Code

View 24 hours

2,000

100%

Metrics icon actions 01

Preview

Code

View 24 hours

2,000

100%

View report

Metrics icon 02

Preview

Code

View 24 hours

2,000

100%

vs last month

Metrics icon actions 02

Preview

Code

View 24 hours

2,000

100%

vs last month

View report

Metrics icon 03

Preview

Code

View 24 hours

2,000

100%

vs last month

Metrics icon actions 03

Preview

Code

View 24 hours

2,000

100%

vs last month

View report

Metrics icon 04

Preview

Code

View 24 hours

2,000

100%

Metrics icon actions 04

Preview

Code

View 24 hours

2,000

100%

View report

Chart 01

Preview

Code

View 24 hours

2,000

100%

vs last month

Chart actions 01

Preview

Code

View 24 hours

2,000

100%

vs last month

View report

Chart 02

Preview

Code

View 24 hours

2,000

100%

Chart actions 02

Preview

Code

View 24 hours

2,000

100%

View report

Chart 03

Preview

Code

View 24 hours

2,000

100%

vs last month

Chart actions 03

Preview

Code

View 24 hours

2,000

100%

vs last month

View report

Chart 04

Preview

Code

View 24 hours

2,000

100%

vs last month

Chart actions 04

Preview

Code

View 24 hours

2,000

100%

vs last month

View report