Halcyon

Halcyon is a real-time WebGL gradient background for Framer — not a video, not an image.

Halcyon is a real-time WebGL gradient background for Framer — not a video, not an image. Drop it behind any hero, section, or card and pick from 12 hand-tuned presets, or craft your own palette with up to 5 colors. Fine-tune speed, scale, warp, grain, and corner radius right from the properties panel. Pure WebGL with no dependencies and no media files, so it stays light and crisp on every screen. Features • 12 curated presets (Midnight Aurora, Acid Lime, Plasma Violet, Sunset Drive, Vaporwave & more) • Custom palette mode — 2 to 5 colors • Controls: preset, speed, scale, warp, grain, radius • Pure WebGL, dependency-free, SSR-safe • Fully responsive Perfect for SaaS & AI landing pages, hero sections, portfolios, and app backgrounds. Free — you keep everything.

Animated WebGL gradient backdrops