Folded Gradient

Elevate your Framer website with the Folded Gradient component.

Elevate your Framer website with the Folded Gradient component. Powered by high-performance WebGL shaders, this animated background creates a stunning visual effect resembling a glowing, fluid fold of colors. Key functionality and controls include: Customizable Colors: Choose two main gradient colors and a base background shade to perfectly match your brand UI. Fold & Curvature Control: Adjust the angle of the split, the radial bend (curvature), and the neon-like sharpness of the edge. Dynamic Waves: Add sinusoidal ripples along the fold line with adjustable frequency and amplitude. Fluid Animation: Modify the speed and depth of the fluid warping effect to give the background a lively, organic feel. Glow Effects: Control the width and intensity of the glowing light halo around the fold. Designed specifically for Framer, it guarantees smooth animations on live sites. Perfect for hero sections and modern creative portfolios.

Fluid folding gradient background.