A flexible, export-ready alternative to Framer effects

Animated shader backgrounds you can actually export

Production-ready WebGL shader tools for designers and creative teams. Create animated gradient backgrounds, 3D globe visualizations, and motion graphics — then export as high-res PNG or video. No page builder lock-in, full parameter control, plans from €7/mo.

Shader Library

Browse available tools

Explore Shader →

Dot Matrix

Animated dot-field renderer with 3D tunnel and 2D radial modes.

Exports available with subscription
Liquid Glass Gradient Shader preview
Explore Shader →

Liquid Glass Gradient Shader

Smooth animated gradients with glass-like refraction, light dispersion, and fluid surface textures.

Exports available with subscription
Coin Shader preview
Available Soon

Coin Shader

3D coin visualizer with PBR materials, bloom, and custom layouts.

Explore Shader →

Tech Globe

Interactive 3D earth visualization with dot, line, and continent rendering modes, atmosphere, ocean, and flypath effects.

Exports available with subscription

Why designers switch from Framer effects

Full parameter control

Adjust every uniform — colors, speed, refraction, dispersion, turbulence. Framer gives you presets. Cool Shadez gives you the controls.

Export anything, use anywhere

Export as high-res PNG (up to 5K) or video. Drop into Figma, Keynote, your website, or social posts. No page-builder lock-in.

From €7/mo — no surprises

Freelance, Designer, and Business tiers. Pay for what you need. One-time purchase option available at €299 for teams.

Runs in your browser

No install, no desktop app, no sign-up to preview. Open the shader, tweak it live, export when ready. Works on any modern browser.

Frequently asked questions

How is Cool Shadez different from Framer's gradient effects?

Cool Shadez gives you full control over WebGL shader parameters — colors, speed, refraction, dispersion — with instant PNG and video exports. Unlike Framer, you're not locked into a page builder. Use the exports anywhere: Figma, websites, presentations, social media.

What formats can I export?

Export as high-resolution PNG (up to 5K) or video. Use them in any design tool, website, or presentation — no vendor lock-in.

How much does Cool Shadez cost?

Plans start at €7/month for freelancers (4K PNG exports). The Designer plan is €74/year for unlimited commercial use with 5K exports. Business licenses are a one-time €299 payment.

Do I need to sign up to try the shaders?

No. Every shader has a free live preview — tweak the controls, explore the effects. You only need a subscription when you want to export.