Brand Logos (1)
Icons (12)
Send Feedback
lucide
lucide
lucide
lucide
lucide
lucide
lucide
lucide
lucide
lucide
lucide
Colors (64)
Other (20)
Typography (12)
Lato (9)
AaThe quick brown fox jumps over the lazy dog
Lato◑8516px · w400
AaThe quick brown fox jumps over the lazy dog
Lato◑8514px · w400
AaThe quick brown fox jumps over the lazy dog
Lato◑8514px · w500
AaThe quick brown fox jumps over the lazy dog
Lato◑8516px · w700
AaThe quick brown fox jumps over the lazy dog
Lato◑8514px · w700
AaThe quick brown fox jumps over the lazy dog
Lato◑8014px · w600
AaThe quick brown fox jumps over the lazy dog
Lato◑8036px · w700
AaThe quick brown fox jumps over the lazy dog
Lato◑8018px · w400
AaThe quick brown fox jumps over the lazy dog
Lato◑8016px · w500
ui-monospace (1)
AaThe quick brown fox jumps over the lazy dog
ui-monospace○601em · w400
inherit (1)
AaThe quick brown fox jumps over the lazy dog
inherit○60100% · winherit
ui-sans-serif (1)
AaThe quick brown fox jumps over the lazy dog
ui-sans-serif◑8016px · w400
Spacing (32)
Space calc 0px var tw space x reverse
calc(0px*var(--tw-space-x-reverse)
Space calc 0px calc 1 var tw space x reverse
calc(0px*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 calc .125rem calc 1 var tw space y reverse
calc(.125rem*calc(1 - var(--tw-space-y-reverse)
Space calc .125rem var tw space y reverse
calc(.125rem*var(--tw-space-y-reverse)
Space calc .25rem var tw space x reverse
calc(.25rem*var(--tw-space-x-reverse)
Space calc .25rem calc 1 var tw space x reverse
calc(.25rem*calc(1 - var(--tw-space-x-reverse)
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)
Space calc .375rem calc 1 var tw space y reverse
calc(.375rem*calc(1 - var(--tw-space-y-reverse)
Space calc .375rem var tw space y reverse
calc(.375rem*var(--tw-space-y-reverse)
Border Radius (16)
Radius .25rem.25rem
Radius 1rem1rem
Radius 20px20px
Radius 2px2px
Radius inheritinherit
Radius 9999px9999px
Radius var radiusvar(--radius)
Radius calc var radius 2pxcalc(var(--radius) - 2px)
Radius calc var radius 4pxcalc(var(--radius) - 4px)
Radius .75rem.75rem
Radius 10px10px
Radius 0 0% 100%0 0% 100%
Radius 0 0% 3.9%0 0% 3.9%
Radius 0 0% 98%0 0% 98%
Radius 0 0% 9%0 0% 9%
Radius 0 0% 45.1%0 0% 45.1%
Shadows (7)
○60
Shadow 160
○60
Shadow 260
○60
Shadow 360
◑85
shadow-a.relative.flex85
◑85
shadow-div.sticky.top-085
◑85
shadow-div.bg-white.rounded-lg85
◑80
shadow-button.fixed.right-680