Effects

6 components

Gradient text using Tailwind v4 bg-linear-to-r + bg-clip-text. Useful for hero headings.

Tailwind v4 colored shadow utilities using shadow-{color}/{opacity}.

Box shadows from none→2xl, colored shadows, inset shadows, and text shadows.

Tailwind filter utilities: grayscale, invert, sepia, blur, brightness, contrast, saturate.

Animated gradient text that shifts colors using CSS animation. Also includes static gradient text examples.

DaisyUI 5 aura effect — animated border glow that responds to cursor position. Wraps any child element.