Foundation
Design tokens, typography, effects, icons, and theme primitives.
10 components
Typography
Typography
Semantic hierarchy, size scale (xs→4xl), font weights (thin→black), and prose layout examples.
Dialog Title
Dialog, panel and card heading — the one "text-lg|text-base font-semibold [tracking-tight]" title shape, with the heading level as the only structural choice.
Effects
Gradient Text
Gradient text using Tailwind v4 bg-linear-to-r + bg-clip-text. Useful for hero headings.
Colored Shadows
Tailwind v4 colored shadow utilities using shadow-{color}/{opacity}.
Shadow Scale
Box shadows from none→2xl, colored shadows, inset shadows, and text shadows.
CSS Filters
Tailwind filter utilities: grayscale, invert, sepia, blur, brightness, contrast, saturate.
Animated Gradient Text
Animated gradient text that shifts colors using CSS animation. Also includes static gradient text examples.
Aura
DaisyUI 5 aura effect — animated border glow that responds to cursor position. Wraps any child element.