Shaders Gallery

Sponsor

by Vladimir Pavlov

Explore, customize and export animated WebGL shader presets for digital products and visual experiments.

Visit Shaders Gallery

Prism Fold animated WebGL shader preset from Shaders Gallery

Design notes

Shaders Gallery is a focused collection of art-directed animated WebGL presets. Designers can preview twelve effects, adjust colors, motion and surface settings, and save a configuration through a shareable link.

Export stills as PNG or JPEG, including high-resolution 16:9 images, or copy generated React code or a CSS fallback. The editor runs in the browser without accounts or a custom backend.

Create Visuals
Web

The week’s best websites, apps and tools, once a week.

More Tools

Nerio
Sponsor
An open-source React design system for product teams building SaaS and fintech interfaces.
Plinth
Sponsor
A private, browser-based device mockup maker with customizable frames, multi-device layouts and polished image or video export.
Pryzm
A visual studio for generative gradients, glass, grain and animated backgrounds.
Dithering Studio
Create dithered images and retro digital textures in the browser.
Graphite
An open-source graphics editor exploring procedural and node-based design.
Rhythm
Generate abstract visual rhythms, textures and patterns for digital design.
Shader Lab
A playground for layered shaders, typography and expressive visual compositions.
ShaderGradient
Create animated gradient surfaces for web interfaces, Framer and visual concepts.
Shaders
A WebGPU shader editor and component library for expressive, interactive visual effects.
Recraft
An AI image tool focused on vectors, icons and brand-consistent illustration.
Krea
An AI creative suite for real-time image generation, upscaling and video.
Midjourney
An AI image generator used for moodboards, concepts and visual exploration.
coss ui
Open-source UI components built with Base UI and Tailwind for refined product interfaces.
HeroUI
Accessible React components with a cohesive visual language and theming tools.
Magic UI
Animated React components and expressive effects for standout web interfaces.
Once UI
A design system for expressive Next.js products, with tokens and ready-made patterns.
Reshaped
An accessible React design system for polished, consistent product interfaces.
ReUI
A curated collection of React interface components and dashboard patterns.
Tremor
React components for analytics dashboards, charts and data-rich products.
Untitled UI
An extensive Figma UI kit and React component system for modern product design.
Base UI
Unstyled, accessible React component primitives for custom product interfaces.
shadcn/ui
Beautifully designed, accessible React components that you own and customize.
Artboard Studio
An online mockup studio for devices, packaging, branding and animated product scenes.
LS Graphics
Premium device mockups and design assets with flexible 3D and Figma workflows.