animated gradient background

A vibrant and visually engaging background with a continuously moving gradient that creates a sense of depth and energy. This effect is perfect for hero sections, landing pages, or attention-grabbing banners. Built using HTML and CSS keyframe animations, the gradient smoothly transitions across multiple colours and directions to keep your page feeling dynamic and modern. Fully customizable — you can change the gradient colours, animation speed, direction, and intensity. This component integrates easily into Systeme.io using a custom code block and pairs well with centred headlines, buttons, or frosted glass overlays for maximum impact.