GLSL viewer
Online WebGL shader editor with live preview and IntelliSense for GLSL experiments.
Three.js Marketplace
Three.js Marketplace
Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.
Links
Featured Badge
Add this badge to your website to show you are featured on Three.js Resources.
Description
glsl.app is a browser-based shader editor and sandbox made for creators working with GLSL and WebGL. It offers a live preview environment, syntax highlighting, autocompletion, and intuitive tools that let you write, test, debug, and share shaders fast. This makes it ideal for experimenting with visual effects, post-processing, procedural art, and fragment-shader based graphics. glsl.app supports both vertex and fragment shaders, enables uniform controls, and provides a workflow that integrates well with Three.js and other WebGL frameworks. It’s perfect for developers looking to prototype shader code, learn GLSL, or enhance Three.js projects with custom shader effects.
Features:
Live preview of shaders with instant feedback
Syntax highlighting and IntelliSense for GLSL code
Support for vertex + fragment shaders and uniforms
Shareable examples and easy shader experimentation
Fast iteration loop for creative shader development
Great for artists, devs, or anyone wanting to explore shader work, WebGL effects, or add custom visuals to Three.js-powered scenes.
Sponsors
Related Resources
thebookofshaders
The Book of Shaders is an interactive guide to mastering GLSL shaders, ideal for three.js resources.
Shadertoy
ShaderToy is an online community and platform for creating, sharing, and exploring GLSL shaders.
real world shader
a collection of shader effects that are actually useful in real world client projects
Shaders.app
Shaders.app is an interactive GLSL shader editor for creating visual effects in three.js