Ethereal floating gyroid membrane with velvety rim Fresnel
Browse all procedural shaders, filter by model, or search by name
Describe any optical phenomenon, volumetric nebula, or mathematical sculpture.
Shader Studio connects directly to frontier models (Claude 3.7 Sonnet, DeepSeek R1, GPT-4o, and Gemini). Your key is stored securely in your browser and never touches our servers.
Shader Studio, and click Create.
@@SHADER, @@BODY, and @@END blocks, or paste sequential code blocks with top-level /* {"extras":[...]} */ comments.
-
Production-optimized for websites & apps. Bundles only active parameters with zero dead code and no unused passes.
Professional developer suite. Declares all shader parameters (active & inactive) for live tuning, sliders, and enhancements.
Self-contained WebGL2 page. Baked look. Resolution scales with frame time.
The GLSL ES 3.00 fragment shader ready for Three.js, R3F, or custom pipelines.
A reusable ES module exporting mount() to embed onto any canvas element.
Permanently remove from your studio
Are you sure you want to delete Shader? This action will remove it from your studio collection.
Shader Studio
Extract 3-zone color grading, tonal contrast, lighting & atmosphere from any reference photo
Drop reference photo here, or browse
Upload movie stills, editorial portraits, or paintings to replicate their look
Analyzing color histogram, 3-zone luminance, and tone curves...