Footer✦ Figma File Included✦ Figma Included

Fluid Dither Shader Horizon Footer

Interactive dithered WebGL shader background with clean subscription capture and curved horizon line.

Free

Download Free (.zip)↗Live Demo ↗

Includes matching standalone .fig design file

Interactive Motion ShowcaseNext.js, WebGL Shader, GSAP

About this component

A premium, variable-font typography-driven footer featuring an interactive dithered WebGL shader background and clean subscription form. Free community starter.

Features

✓100% Free for personal and commercial projects
✓Interactive dithered WebGL shader canvas
✓Curved horizon SVG transition
✓Clean newsletter subscription capture form

Technologies

Next.jsWebGL ShaderGSAP

What is included

•Figma source design file (.fig) included
•Component TSX and Dither shader canvas
•MIT commercial license