Icons
No icons detected on this page. Icons must be inline SVGs, sprite <use> references, or SVG <img> tags.
Colors (64)
Surface (15)
Accent (3)
Other (2)
Typography (3)
inherit (1)
AaThe quick brown fox jumps over the lazy dog
inherit100% · w400
inherit!important (1)
AaThe quick brown fox jumps over the lazy dog
inherit!important14px!important · w500!important
30vw (1)
AaThe quick brown fox jumps over the lazy dog
30vw25vw · w400
Spacing (32)
Space calc 1rem var tw space x reverse
calc(-1rem * var(--tw-space-x-reverse)
Space calc 1rem calc 1 var tw space x reverse
calc(-1rem * calc(1 - var(--tw-space-x-reverse)
Space calc 0px calc 1 var tw space y reverse
calc(0px * calc(1 - var(--tw-space-y-reverse)
Space calc 0px var tw space y reverse
calc(0px * var(--tw-space-y-reverse)
Space 1px
1px
Space 2px
2px
Space .125rem
.125rem
Space 3px
3px
Space 4px
4px
Space .25rem
.25rem
Space calc .25rem calc 1 var tw space y reverse
calc(.25rem * calc(1 - var(--tw-space-y-reverse)
Space calc .25rem var tw space y reverse
calc(.25rem * var(--tw-space-y-reverse)
Border Radius (24)
Radius 4px4px
Radius 10px10px
Radius 2px2px
Radius 3px3px
Radius 6px6px
Radius 8px8px
Radius 9999px9999px
Radius 16px16px
Radius 1.5rem1.5rem
Radius .25rem.25rem
Radius 24px24px
Radius .5rem.5rem
Radius .375rem.375rem
Radius .125rem.125rem
Radius 1rem1rem
Radius var scrollbar track radiusvar(--scrollbar-track-radius)
Radius var scrollbar thumb radiusvar(--scrollbar-thumb-radius)
Radius var scrollbar corner radiusvar(--scrollbar-corner-radius)
Radius inheritinherit
Radius 101010#101010
Radius 353535#353535
Radius 424242#424242
Radius 616161#616161
Radius 737373#737373
Shadows (5)
Shadow 1
Shadow 2
Shadow 3
Shadow 4
Shadow 5