ShaderBot – Free Online GLSL Shader Editor
Create animated shaders in seconds
The easiest way to create beautiful animated shaders for Discord, streaming, or your projects. Powered by AI, with a full web dashboard.
Minecraft Creators
Shaders for Vibrant Visuals, OptiFine & Iris. 50+ Minecraft presets
DiscordVFX & Motion Design
Export to After Effects, Blender, DaVinci.
Blender
After Effects
DaVinciGame Developers
Unity, Unreal, Godot, 14+ engines. One-click export
Unity
Unreal
GodotWeb & Creative Coding
Three.js, WebGL, embeddable iframes. Interactive, responsive
Three.js
Babylon.js
WebGLAudio & VJ
Audio-reactive shaders. TouchDesigner & OBS ready
OBS
TouchDesignerVR / AR / XR
Optimised for Meta Quest & Vision Pro. 360° skybox
BlenderWebGLLearn GLSL
60+ annotated examples, step-by-step tutorials
GitHub
p5.jsApplication features
Everything you can do directly in the web app and dashboard.
Shader compilation
Compile custom GLSL / WGSL shaders and preview them live in the browser.
Shader presets
Browse and compile 452+ curated preset shaders.
Parametric generation
Generate shaders from parameters: shape, colour, animation.
Prompt-to-shader
Describe what you want and get a full shader.
AI GLSL assistant
RAG-powered assistant: ask, suggest, debug and analyze shaders.
Audio-reactive visuals
Audio-reactive shaders for browser or OBS (source from Discord voice).
AI music generation
Generate music via AudioCraft.
Data visualisation
Render charts (bar, line, pie, scatter…) as shaders.
Live data streams
Live data visualisation via WebSocket.
Real-time collaboration
Edit shaders collaboratively in real time.
OBS scenes
Create, list and remove browser sources for OBS.
Live streaming overlay
Twitch overlay: connect / disconnect a shader stream.
Marketplace
Buy, sell and manage shaders on the marketplace.
API & integrations
Connect ShaderBot to your platforms — slash commands, chat bots and install links.
Discord
Discord bot with slash commands, shader compilation, presets and web dashboard
/shaderCompile a custom GLSL/WGSL shader/shader-presetCompile a preset shader (452+ available)/shader-generateGenerate shaders using parameters: shape, colour, animation/shader-promptGenerate a full shader by describing what you want/shader-codeView the source code of a shader/shader-minecraftMinecraft shader (OptiFine / Iris / Vibrant Visuals)/shader-helpRedirect to the web dashboard/aiRAG-powered GLSL assistant: /ai ask, preset, suggest, debug, analyze…/audioCaptures audio from a Discord voice channel — visuals viewed in browser or OBS, not in Discord/musicAI music generation via AudioCraft/datavizRender charts (bar, line, pie, scatter…) as shaders/dataviz-liveLive data visualisation via WebSocket/collabReal-time collaborative shader editing/sceneOBS scenes: create, list, remove browser sources/streamTwitch overlay: connect / disconnect a shader stream/marketplaceBuy, sell and manage shaders on the marketplace
Twitch
Twitch chat bot with !shader, !preset commands + real-time overlay panel
Telegram
Telegram bot with /shader, /preset commands and visual synthesis.
GitHub
GitHub Actions shader compilation, PR previews and render badge.
