Cursor Shadow Text

Bring your text to life with interactive shadows that move with the cursor. This component adds depth, motion, and a 3D-like effect, perfect for creating engaging headlines or call-to-action elements.

Features

• Dynamic shadows that follow cursor movement

• Multiple effects: Solid, Blur, Noise, Glow

• Up to 5 shadow layers with individual color control

• Adjustable shadow distance and mouse sensitivity

• Full typography controls (font, size, weight, spacing)

• Responsive and performance-optimized for all layouts

How to Use

1. Drag the component onto your canvas

2. Edit text content in the properties panel

3. Customize font, text color, and typography settings

4. Adjust shadow count (0–5) and assign colors for each layer

5. Fine-tune shadow distance and mouse sensitivity for the desired effect

6. Choose between Solid, Blur, Noise, or Glow styles to match your design

Tips

• Use contrasting colors for bold, eye-catching results

• For subtle effects, try lower shadow counts and smaller distances

• Works best with bold, short text (e.g. headlines or CTAs)

• Keep performance in mind when using multiple shadows with Blur or Noise effects