KPI Cards Blocks
KPI card blocks for displaying key performance indicators and metrics.
KPI Card 01
Preview
Code
Daily active users
12,450 -8.2%
Conversion rate
64.8% +2.4%
Session duration
6.4min +15.3%
KPI Card 02
Preview
Code
Weekly active users
+15.8% 4,720
Monthly sessions
-6.3% 2,156
Avg. session time
+11.2% 7.8min
KPI Card 03
Preview
Code
$42.8K +8.4%
Monthly revenue
687.3K +24.7%
Active subscribers
8.6% -2.1%
Churn rate
KPI Card 04
Preview
Code
Annual recurring revenue +9.2%
$52.3K
Total customers +28.5%
823.7K
Customer growth -0.8%
14.6%
KPI Card 05
Preview
Code
Weekly active users
-16.7%
425 from 510
Weekly sessions
+93.5%
894 from 462
Weekly page views
+9.3%
4,180 from 3,825
KPI Card 06
Preview
Code
Monthly active users
18.7%
5,280
Daily sessions
11.4%
2,145
Avg. duration
12.3%
8.9min
KPI Card 07
Preview
Code
Daily active users
-16.5%
518
from 620
Daily sessions
+92.6%
1,094
from 568
Daily page views
+9.2%
5,340
from 4,892
KPI Card 08
Preview
Code
Weekly active users
562
from 670
16.1%
from last month
Weekly sessions
1,156
from 602
92.0%
from last month
Weekly page views
5,680
from 5,198
9.3%
from last month
KPI Card 09
Preview
Code
Quarterly active users +2.7%
1,284
Quarterly sessions +12.4%
2,850
Quarterly user growth -3.2%
7.3%
KPI Card 10
Preview
Code
Weekly active users
482
within: 300-550
Daily sessions
184
critical: 700-1,500
Error rate
47
observe: 15-35
KPI Card 11
Preview
Code
KPI Card 12
Requires: progress-circle
Preview
Code
Plan overview
You are currently on the professional plan . View other plans
35%
Projects
7 of 20 used
15%
Repositories
3 of 20 used
0%
API calls
0 of 100 used
KPI Card 13
Requires: progress-circle
Preview
Code
42%
$1,050 / $2,500
Budget Engineering
68%
$1,224 / $1,800
Budget Sales
91%
$1,092 / $1,200
Budget Operations
KPI Card 14
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code
Preview
Code