coded
visuals
Getting Started
Introduction
Installation
Manual setup
Registry
Usage
Explore the library
All visuals
Activity
Avatars
Branding
Browser
Calendar
Charts
Chat
Code
Connections
Data
Dashboard
Devices
Email
Files
Images
Integrations
Keyboard
Media
Metrics
comparison.tsx
stat-card.tsx
trend.tsx
Notifications
Payments
Sections
Security
Status
Tasks
Log in
Toggle Sidebar
Search visuals...
Ctrl K
Search visuals
Search the library and jump to any visual preview.
coded
visuals
Switch theme
Toggle theme
Get access
metrics/comparison.tsx
Comparison
A before and after metric comparison with deltas.
Log in to copy
Conversion Rate
+100% lift
Before
2.4%
After
4.8%
default
Conversion Rate
+100% lift
Before
2.4%
After
4.8%
isometric
Conversion Rate
+100% lift
Before
2.4%
After
4.8%
default · no gradient
Conversion Rate
+100% lift
Before
2.4%
After
4.8%
isometric · no gradient
Page Load Time
2.7× faster
Before
3.8s
After
1.4s
speed · custom copy
Cost per Lead
66% cheaper
Before
$24.50
After
$8.20
cost · custom copy
API Latency
4.5× faster
Before
842ms
After
187ms
latency · custom copy
Monthly Churn
65% drop
Before
5.2%
After
1.8%
churn · custom copy