Sky Flow

A premium WebGL fluid shader for Framer that creates soft, flowing colour fields with organic movement, atmospheric depth, and subtle texture. Sky Flow transforms your canvas into a dynamic visual background inspired by drifting skies, liquid gradients, and smooth natural motion.

Choose from 10 curated colour presets including Glacier Blue, Golden Hour, Lilac Mist, Mint Current, Rose Quartz, Peach Silk, Lagoon, Orchid Haze, Olive Glow, and Silver Drift. Adjust animation speed, wind, fluid depth, softness, zoom, grain, flow scale, and rendering quality directly through Framer Property Controls.

Sky Flow uses custom GLSL shaders with procedural noise, FBM distortion, texture grain, and responsive WebGL rendering to create continuously evolving visuals. It also includes an interactive colour preset menu that works directly in Preview and on published sites.

Features

• Premium animated GLSL fluid shader

• WebGL powered rendering

• 10 curated colour presets

• Interactive colour preset menu

• Customisable animation and flow

• Adjustable fluid depth and warp

• Softness and zoom controls

• Grain and texture controls

• Eco, Balanced, and High quality modes

• Fully customizable with Framer Property Controls, no code required

Use Cases

• Hero backgrounds

• Creative websites

• Portfolio websites

• Agency websites

• Design studio websites

• SaaS landing pages

• Product launches

• Modern brand websites

• Digital experiences

• Framer templates

Why You’ll Love It

Sky Flow adds a calm, atmospheric layer of motion to your Framer projects without overwhelming your content. Its fluid shader creates constantly evolving colour movement, while curated palettes and detailed controls make it easy to match the visual style of any project. From subtle backgrounds to vibrant hero sections, Sky Flow gives you a polished WebGL effect without writing any code.

Original work by Sabo Sugi, used, developed, and commercially sold with full permission.