Liquid sunset background
Layers of waves rolling at different speeds beneath a glowing sun, as a full-screen animated background.
Settings
Code
<div class="pt-sunset"><i></i><i></i><i></i><i></i></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Backgrounds
Where to use it
Warm sky, soft sun and waves drifting past at their own pace: this liquid sunset background sets a summer mood straight away. It suits the hero of a surf school, the site of a beach bar, a summer music festival or the page of a chillwave album. It is built with pure HTML and CSS, so it stays light.
The upper half, where the sun sits, is the natural place for your headline. The last wave takes the page background color, so it blends into the next section without a hard edge. Slow the speed right down for a lazy, late-afternoon feel.