- Shader Gradient shadergradient.co Create beautiful moving gradients on Framer, Figma and React
- www.shadertoy.com www.shadertoy.com
- GSS — GPU Style Sheets www.gss-lang.dev Selectors, the cascade and @keyframes, compiled into a single raymarching shader. The 3D language designers and AIs already speak.
- Orbkit orbkit.zzzzshawn.cloud Orbkit is a React component library of WebGL shader orbs for AI and voice agent states, installed as local code through the shadcn registry. Free for non-commercial use with attribution; the runtime and original orbs are MIT. Orbkitshader orbWebGLGLSLReactcomponent libraryvoice agentAI orbshadcnshadcn/uiregistryTailwind CSSagent UI
- shadeup.dev shadeup.dev Shadeup is a language (DSL) crafted to make shaders a breeze. Powered by WebGPU, extended from TypeScript, and designed to minimize boilerplate Unlike traditional graphics setups, Shadeup keeps your CPU and GPU code in the same file. Enjoy shared types, functions and more. Thanks to the same language model, Shadeup allows you to use functions on both the CPU and GPU sides of your app. Never define a uniform again. Shaders act like closures, and can access most CPU-declared
- MetalForge — Shaders for SwiftUI, React Native & Web metalforge.xyz Beautiful shaders for SwiftUI, React Native and the web, without writing shader code. Tweak sliders, then take the code: a real .metal file, a Skia shader or a web component. SwiftUI shaderSwiftUI shader librarySwiftUI Metal shader examplesSwiftUI shader effectSwiftUI animated gradient backgroundReact Native Skia shaderReact Native animated gradientSwiftUI loading animationReact Native loading animationshader generator online
- Paper Shaders – Ultra-fast zero-dependency shaders shaders.paper.design Shaders for you to use in your projects, as React components or GLSL.
- Shaders / Solace — Interactive Shaders for the Web shaders.solaceui.com Interactive WebGL shaders for creatives building on the web. Explore effects, tune them live, and install editable React components for your own projects.
- OpenShaders: Shaders belong on the web openshaders.com Claim your OpenShaders username before launch and get a one-of-one shader generated for it.
- Caustic caustic.wtf Generative shader effects. Tune them live, roll variants, export PNG or video.
- Mesh | Create beautiful mesh gradients meshgradient.com Click on a gradient to view and edit itMESH is a simple way to create beautiful, unique gradients using shaders These points will determine what color to show on the ouput This will be your final design that allows warping
- Shaders: Open-source WebGPU shader components & free design editor shaders.com Open-source (MIT) WebGPU shader components for Vue, React, Svelte, Solid & JS, plus a free design editor to compose and export them. shaders webgpu webgl open source mit creative effects frontend component library vue react svelte solid design engineer
