Components
Loading preview...
The WaveBackground component is a dynamic WebGL-powered background built using the OGL library. It generates smooth, flowing wave patterns that are ideal for enhancing Hero sections or full-screen layouts without distracting from the main content. The shader logic creates layered sine and cosine waves that move over time, giving the appearance of continuous motion similar to ocean waves or liquid flow. The component supports both dark and light themes, automatically adjusting its color palette to blend seamlessly with different UI designs. It is fully responsive, scales to the parent container, and leverages GPU rendering for high performance, making it a modern, visually appealing background solution for landing pages, dashboards, or product showcases.