UI
Archive
lovable.dev snapshot — UI Archive
Home
/
Browse
/
lovable.dev
/
Snapshot · May 6, 2026
lovable
lovable.dev
5
snapshots
First archived Apr 12, 2026
Last updated May 7, 2026
Take a new snapshot
Visit site
Snapshot from
May 6, 2026, 08:53 AM
Newer
Older
Compare with previous
Inspect another
lovable.dev
· 110 tokens
26
colors
12
fonts
32
spacing
10
icons
Copy link
Export
Atoms
120
Molecules
Soon
Organisms
Soon
Templates
1
Beta
Pages
41
Beta
Icons
(10)
material
material
material
material
material
material
material
material
material
material
Colors
(26)
Other
(20)
#eceae4
#1c1c1c
#5f5f5d
#2e2e2d
#fafafa
#f7f4ed
oklab(0.226664 0.0000103414 0.00000451505 / 0.7)
#030303
lab(47.8174 -0.203669 0.727129 / 0.4)
#ffffff
#fcfbf8
#eaf1fa
lab(0 0 0 / 0.88)
#000000
oklab(0.226664 0.0000103414 0.00000451505 / 0.65)
lab(100 0 0 / 0.8)
oklab(0.987773 -0.0000603199 0.00420386 / 0.75)
oklab(0.96808 0.00046438 0.00952709 / 0.1)
#005bf0
--color-yellow-950
#432004
Show all 26 →
Typography
(12)
Camera Plain Variable
(11)
Custom
The quick brown fox
60px · 600
The quick brown fox
60px · 480
The quick brown fox
48px · 600
The quick brown fox
36px · 600
The quick brown fox
20px · 400
The quick brown fox
18px · 400
The quick brown fox
16px · 400
The quick brown fox
15px · 400
The quick brown fox
14px · 480
The quick brown fox
14px · 400
The quick brown fox
12px · 600
Menlo
(1)
System
The quick brown fox
13px!important · 400
Spacing
(32)
Space .142857em
.142857em
Space .15rem
.15rem
Space .1875em
.1875em
Space .222222em
.222222em
Space .25rem
.25rem
Space .285714em
.285714em
Space .444444em
.444444em
Space .5em
.5em
Space .5rem
.5rem
Space .571429em
.571429em
Space .6em
.6em
Space .666667em
.666667em
Show all 32 →
Border Radius
(15)
inherit
×2
var(--scrollbar-track-radius)
var(--scrollbar-thumb-radius)
var(--scrollbar-corner-radius)
unset
100%
4px
.3125rem
.375rem
.25rem
6px
var(--radius-lg)
calc(var(--radius) * 1.5)
calc(var(--radius) * 2)
calc(var(--radius) * 3.5)
Shadows
(12)
inset 0px var(--border-default) 0px 0px #00000014, inset 0px calc(-1 * var(--border-default)) 0px 0px #00000029, inset 0px 0px 0px var(--border-default) #00000029, inset 0px 1px 0px 0px #fff, inset 0px -1px 0px 0px #fffc, 0px 2px 2px -1px #0000000a, 0px 4px 4px -2px #00000005
inset 0 0 0 var(--border-default) #77777166
inset 0px var(--border-default) 0px 0px #00000014, inset 0px calc(-1 * var(--border-default)) 0px 0px #00000029, inset 0px 0px 0px var(--border-default) #11318c, inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14, 0px 2px 2px -1px #091a481f, 0px 4px 4px -2px #091a481f
inset 0 0 0 var(--border-default) #00000029
inset 0px var(--border-default) 0px 0px #00000014, inset 0px calc(-1 * var(--border-default)) 0px 0px #00000029, inset 0px 0px 0px var(--border-default) #8d0e13, inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14, 0px 2px 2px -1px #440b0c1f, 0px 4px 4px -2px #440b0c1f
inset 0px var(--border-default) 0px 0px #00000014, inset 0px calc(-1 * var(--border-default)) 0px 0px #00000029, inset 0px 0px 0px var(--border-default) #53388c, inset 0px 1px 0px 0px #ffffff29, inset 0px -1px 0px 0px #ffffff14, 0px 2px 2px -1px #2b164d1f, 0px 4px 4px -2px #2b164d1f
inset 0px var(--border-default) 0px 0px #00000014, inset 0px calc(-1 * var(--border-default)) 0px 0px #00000029, inset 0px 0px 0px var(--border-default) #000, inset 0px 1px 0px 0px #ffffff3d, inset 0px -1px 0px 0px #ffffff29, 0px 2px 2px -1px #0000001f, 0px 4px 4px -2px #0000001f
inset 0 0 0 var(--border-default) lab(0% 0 0)
inset 0px 0px 0px var(--border-default) #fff, 0px 0px 0px var(--border-default) #77777147, 0px 1px 1px 0px #0000000a, 0px 1px 1px -.5px #0000000a, 0px 3px 3px -1.5px #0000000a, 0px 6px 6px -3px #0000000a
var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset
var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset
0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%)
Borders
(4)
0 solid
1px solid rgb(236, 234, 228)
1px solid lab(47.8174 -0.203669 0.727129 / 0.4)
1px solid lab(100 0 0)
Tech Stack
(3 detected)
Tailwind CSS
css framework
Bootstrap
css framework
shadcn/ui
component library
Icon Libraries
(1 detected)
Material Icons
10 icons
All Snapshots
May 7, 2026, 03:27 AM
560.5 KB
26 colors
· 12 fonts
· 32 spacing
· 10 icons
125 tokens total
Compare with previous snapshot
May 6, 2026, 08:53 AM
549.4 KB
26 colors
· 12 fonts
· 32 spacing
· 10 icons
127 tokens total
Compare with previous snapshot
Apr 28, 2026, 12:17 PM
548.8 KB
26 colors
· 12 fonts
· 32 spacing
· 10 icons
128 tokens total
Compare with previous snapshot
Apr 15, 2026, 01:20 PM
538.6 KB
22 colors
· 12 fonts
· 32 spacing
· 9 icons
122 tokens total
Compare with previous snapshot
Apr 12, 2026, 08:19 AM
534.5 KB
11 colors
· 2 fonts
· 20 spacing
85 tokens total
