coded
visuals
Getting Started
Introduction
Docs + AI Skills
Explore the library
All visuals
Activity
AI
API
Avatars
Branding
Browser
Calendar
Charts
Chat
Code
Connections
Data
Dashboard
Devices
Email
Files
Geo
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