The glass reads through whatever sits behind it. Start with Horizon, or pick your own.
Suggested
JSON Formatter
Format & Validate
Base64 Encode/Decode
Encode & Decode
URL Encode/Decode
Hash Generator
Generators
UUID Generator
Unix Time Converter
Inspect & Debug
JWT Debugger
RegExp Tester
Searchable quick reference for Tailwind utility classes
block
inline-block
inline
flex
inline-flex
grid
inline-grid
contents
hidden
static
relative
absolute
fixed
sticky
inset-0
top-0 / right-0 / bottom-0 / left-0
z-10 … z-50
overflow-auto
overflow-hidden
overflow-x-auto
w-full / h-full
w-screen / h-screen
w-fit / w-min / w-max
max-w-prose
aspect-video
size-8
flex-row / flex-col
flex-wrap / flex-nowrap
flex-1
flex-auto
flex-none
grow / grow-0
shrink / shrink-0
order-1 … order-12
grid-cols-1 … grid-cols-12
grid-rows-1 … grid-rows-6
col-span-2
col-start-1 / col-end-3
row-span-2
auto-cols-fr
grid-flow-col
items-start / center / end / stretch / baseline
justify-start / center / end / between / around / evenly
self-start / center / end / stretch
justify-items-center
place-items-center
content-center / between
gap-4 / gap-x-2 / gap-y-6
p-4 / px-4 / py-4 / pt-4 / pr-4 / pb-4 / pl-4
ps-4 / pe-4
m-4 / mx-auto / my-2 / mt-4
-mt-4
space-x-4 / space-y-4
p-0
p-px
p-0.5
p-1
p-1.5
p-2
p-2.5
p-3
p-3.5
p-4
p-5
p-6
text-xs
text-sm
text-base
text-lg
text-xl
text-2xl … text-9xl
font-thin … font-black
italic / not-italic
text-left / center / right / justify
uppercase / lowercase / capitalize
truncate
line-clamp-3
text-balance / text-pretty
tracking-tight / wide
leading-none … leading-loose
tabular-nums
underline / line-through / no-underline
antialiased
bg-slate-500
bg-black/50
text-red-600
border-gray-200
ring-blue-500
divide-gray-200
accent-brand
bg-gradient-to-r from-x via-y to-z
rounded / rounded-md / rounded-lg / rounded-full
rounded-t-lg / rounded-bl-lg
border / border-2 / border-t
shadow-sm / shadow / shadow-lg / shadow-2xl
ring-2 ring-offset-2
opacity-50
blur-sm / backdrop-blur-md
mix-blend-multiply
hover: / focus: / active: / disabled:
focus-visible:ring-2
group / group-hover:
peer / peer-checked:
dark:
sm: / md: / lg: / xl: / 2xl:
transition / transition-colors
duration-150 / ease-out / delay-100
animate-spin / pulse / bounce
motion-reduce:transition-none
cursor-pointer / select-none
pointer-events-none
sr-only