✳VISUALVAULT Back to the index
Open original ↗

A static visual study; open the original for the exact asset.

SHADOW
SHADOW
SHADOW
SHADOW
SHADOW
LINE SHADOW TEXT

Authored local study · demonstrates the visual family and interaction; upstream code is available through the original link.

Type & Motion · MUST BROWSE

Line Shadow Text

From magicui

A text component with a moving line shadow.

USE THIS IN MY PROJECT

Pick up the thread

Integrationshadcn registry / copy-paste
Install routeRegistry or source copy; see upstream install docs
Exact command not verified. Open the upstream docs for the current install steps.
Source pathapps/www/registry/magicui/line-shadow-text.tsx
Dependencieseffect-specific dependencies vary

This component is designed for registry/source copying. Review and adapt the files in your project.

MAKE IT YOURS

What you can tune

colorsizespeedopacity (confirm supported props upstream)

These are suggested controls from the effect family. Verify which props this exact item exposes before wiring a playground.

PERFORMANCE

Lightweight to moderate; pause offscreen motion and respect reduced-motion preferences.

ACCESSIBILITY

Effect-level reduced-motion and contrast behavior not verified. Provide a static or paused fallback and preserve readable content.

BROWSER & GPU

Modern browser; exact support not verified.

WebGL: Not verified · WebGPU: No WebGPU requirement verified