Floating Animation

Floating Gradient Background

Infinite floating wave animation moving from top to bottom. Softness and speed variables allow you to control the animation pace, while the softness setting determines how much blending appears on the screen. Background and wave colors are fully customizable. Built as a code component, Optimized for smooth performance and easy integration into any layout.

Use cases:

• Hero headers and intro sections

• Backgrounds for landing pages, portfolios, and tech/AI/SaaS themes

• Preloaders and inter-section transitions