Shaders design resources

Beautifully designed, accessible and customizable shader components for React — built on vgpu and TypeGPU and made to work alongside shadcn/ui.

Browser-based visual design tool for production-ready interactive web graphics — shaders, media, 3D and motion on a spatial canvas, embedded live with no code.

Open-source component library engineered for speed and visual excellence, with copy-paste components built around physical elasticity, shaders, and micro-interactions.

Open-source WebGPU shader components for React, Vue, Svelte, Solid and JS — declarative animated backgrounds, overlays and interactive effects.

Beautiful shaders for SwiftUI, React Native and the web — tweak sliders, then export a real .metal file, Skia shader or web component without shader code.