Typography
Heading 1 (text-4xl, font-extrabold)
Heading 2 (text-3xl, font-bold)
Heading 3 (text-2xl, font-semibold)
This is a standard paragraph. The quick brown fox jumps over the lazy dog.
This is a smaller paragraph for descriptions. (text-sm, text-gray-500)
Italic text (italic)
Underlined text (underline, decoration-sky-500)
This is a link.Colors
text-red-500
bg-green-500
bg-yellow-300
border-purple-500
Spacing
Margin Bottom (mb-4)
Padding (p-4)
Margin Top (mt-4)
space-x-4
space-x-4
Sizing
w-1/4
w-1/2
w-full
Flexbox
Item 1
Item 2
Item 3
flex justify-between
Grid
01
02
03
04 (col-span-2)
05
grid grid-cols-3 gap-4
Borders
Dashed
Thick Red
Bottom Border
Effects & Interactivity
Shadow
shadow-md
shadow-xl
Opacity
opacity-50
opacity-100
Button States