Shaders
← Back to library
Open full screen ↗
This is the actual page the prompt produces — scroll and click inside it.
About this one
Signed distance fields fused with smin, so the blobs behave like liquid rather than like overlapping circles. Outputs alpha, so it layers.
The prompt
Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile.