Aurora Beam

Aurora Beam
Aurora Beam

About Aurora Beam

AuroraBeam is a shader-powered animated background component for Framer that creates soft, flowing light ribbons inspired by the northern lights.

Designed to add depth, atmosphere, and motion to modern websites, AuroraBeam brings a cinematic feel without overwhelming your content. The smooth ribbon movement and subtle gradients create a calming yet expressive visual experience that works beautifully across dark and minimal layouts.

Built using WebGL shaders, the animation is lightweight, high-performance, and scales seamlessly across screen sizes.

✨ Key Features

• Aurora-style flowing light ribbons• Smooth, continuous animation with cinematic feel• WebGL-powered performance (lightweight & responsive)• Fully customizable colors and motion• Scales perfectly across screen sizes• Clean and minimal visual style

From Visual Mess Studio

Rainbow Warp
Mist Flow
Pastel Gradient
Sinusoidal Warp

Related Components

Vertical Grid Lines
Interactive Pattern
PixelPattern
Wave Background 3D