About this Component
Add soft, animated shadows that make flat layouts feel more natural and atmospheric. Dappled Shadow creates moving light-and-shadow patterns inspired by leaves, mist, ripples, window light, curtains, and other organic forms.
It works especially well behind hero content, product imagery, editorial sections, and minimal layouts that need more depth without using heavy visual elements.
How to use
Drop the component into your layout and resize it to cover the desired area. Choose a shadow pattern, then customize its color, intensity, scale, movement, and softness directly from the properties panel.
Fine-tune the direction, stretch, contrast, and blend mode to make the effect sit naturally over different backgrounds and compositions.
Features
Multiple shadow patterns, including Dappled, Leaves, Mist, Ripples, Waves, Blinds, Window, Bokeh, Curtain, and Marble
Custom shadow color
Adjustable intensity and scale
Adjustable animation speed and direction
Stretch control for shaping the pattern
Contrast and softness controls
Multiple blend modes
Works over images, sections, and full-page layouts
Responsive across desktop, tablet, and mobile
No setup or coding required
