UI
Archive
tailwindcss.com snapshot — UI Archive
Home
/
Browse
/
tailwindcss.com
/
Snapshot · May 7, 2026
tailwindcss
tailwindcss.com
2
snapshots
First archived Apr 10, 2026
Last updated May 7, 2026
Take a new snapshot
Visit site
Snapshot from
May 7, 2026, 04:07 AM
Older
Compare with previous
Inspect another
tailwindcss.com
· 159 tokens
64
colors
23
fonts
32
spacing
17
icons
Copy link
Export
Atoms
180
Molecules
Soon
Organisms
Soon
Templates
1
Beta
Pages
11
Beta
Icons
(17)
Select version of library
16×16
heroicons
112×72
16×16
112×72
112×72
72×72
72×72
72×72
72×72
120×74
120×74
120×74
28×28
28×28
28×28
Colors
(64)
Other
(20)
--color-white
#ffffff
#010712
#f8fafc
#8ca1b9
#c8d5e2
#5fd5ff
oklab(0.129999 -0.00404751 -0.027702 / 0.05)
#fb67b5
#000000
#475565
#93f6e4
#687282
oklab(0 0 0 / 0.2)
#1a2939
#b7dcff
#005a89
#00a7f4
oklab(0.129999 -0.00404751 -0.027702 / 0.2)
#e80075
#334153
Show all 64 →
Typography
(23)
inter
(17)
Custom
The quick brown fox
96px · 400
The quick brown fox
40px · 500
The quick brown fox
36px · 600
The quick brown fox
30px · 600
The quick brown fox
24px · 500
The quick brown fox
20px · 500
The quick brown fox
18px · 500
The quick brown fox
16px · 600
The quick brown fox
16px · 500
The quick brown fox
16px · 400
The quick brown fox
14px · 700
The quick brown fox
14px · 600
The quick brown fox
14px · 500
The quick brown fox
14px · 400
The quick brown fox
13px · 400
The quick brown fox
12px · 500
The quick brown fox
12px · 400
plexMono
(6)
Custom
The quick brown fox
17px · 500
The quick brown fox
14px · 500
The quick brown fox
13px · 400
The quick brown fox
12px · 600
The quick brown fox
12px · 500
The quick brown fox
12px · 400
Spacing
(32)
Space .25rem
.25rem
Space .4375rem
.4375rem
Space .5rem
.5rem
Space .75rem
.75rem
Space .8em
.8em
Space 1rem
1rem
Space 1.5rem
1.5rem
Space 2px
2px
Space 2em
2em
Space 2.5rem
2.5rem
Space 3rem
3rem
4px
4px
Show all 32 →
Border Radius
(15)
.25rem
1rem
1.5rem
2rem
calc(.75rem - 1px)
9999px
.5rem
.375rem
.75rem
.125rem
8px
16px
12px
32px
24px
Shadows
(12)
0px 1px 2px #0003,0px 3px 2px #0003,0px 4px 8px #0003
0px 1px 2px lab(0% 0 0/.2),0px 3px 2px lab(0% 0 0/.2),0px 4px 8px lab(0% 0 0/.2)
0px 1px 2px #0000004d,0px 3px 2px #0000004d,0px 4px 8px #0000004d
0px 1px 2px lab(0% 0 0/.3),0px 3px 2px lab(0% 0 0/.3),0px 4px 8px lab(0% 0 0/.3)
0px 1px 2px #00000080,0px 3px 2px #00000080,0px 4px 8px #00000080
0px 1px 2px lab(0% 0 0/.5),0px 3px 2px lab(0% 0 0/.5),0px 4px 8px lab(0% 0 0/.5)
0px 1px 0px #00000026
<value>
0px 1px 2px #0000001a,0px 3px 2px #0000001a,0px 4px 8px #0000001a
0px 1px 1px #0000001a,0px 1px 2px #0000001a,0px 2px 4px #0000001a
0px 1px 0px #00000013,0px 1px 1px #00000013,0px 2px 2px #00000013
0px 1px 1px #0003
Borders
(9)
0 solid
1px solid var(--color-gray-100)
1px solid var(--color-gray-200)
1px solid var(--color-gray-700)
1px solid #fff3
1px solid oklab(0.129999 -0.00404751 -0.027702 / 0.05)
1px solid oklab(0.129999 -0.00404751 -0.027702 / 0.2)
1px dashed oklab(0.827994 -0.0708814 -0.0854034 / 0.6)
1px solid lab(1.90334 0.278696 -5.48866)
Tech Stack
(2 detected)
Tailwind CSS
css framework
Headless UI
headless
Icon Libraries
(1 detected)
Heroicons
1 icon
All Snapshots
May 7, 2026, 04:07 AM
659.2 KB
64 colors
· 23 fonts
· 32 spacing
· 17 icons
186 tokens total
Compare with previous snapshot
Apr 10, 2026, 10:47 AM
659.2 KB
64 colors
· 24 fonts
· 32 spacing
· 11 icons
181 tokens total
