Ambient Shaders

Ambient Shaders brings five handcrafted WebGL backgrounds to your Framer site

each one reacts to your visitors' cursor and clicks in real time.

Drop it on any frame as a background, hero, or full-page wallpaper. Every

parameter is exposed in the property panel: pick a shader, dial in speed,

intensity, and scale, choose a preset palette, or switch to Custom Colors

and set your own three-color gradient.

Runs at 60fps on modern devices, scales down gracefully via the Quality

control, and respects your layout — use it fixed, fluid, or inside any

container.

INCLUDED SHADERS

• Mercury: liquid metal surface that ripples under the cursor

• Plasma: warping energy field, click sends a shockwave

• Cells: living voronoi tissue that leans toward the cursor

• Aurora: drifting light ribbons steered by cursor wind

• Warp: hyperspace tunnel that tracks the cursor

FEATURES

• 5 WebGL shaders, 20 curated palettes

• Custom 3-color palette mode

• Cursor & click interaction (toggleable)

• Speed / Intensity / Scale controls

• Quality slider (DPR cap) for performance tuning

• Optional credit badge with link

• Touch-friendly, responsive, zero dependencies

PERFORMANCE

Refund Policy: All sales are final. No refunds.

Free email support:framer@muhmad.me

More Components:sbarah.com

Thanks >