Gmshaders
A curated collection of minimal GLSL shader examples for Three.js and WebGL experimentation.
Xor
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.
Web Development
Help with your project?
Custom Three.js, WebGL, and WebGPU development — from product visualizers to interactive 3D websites.
Links
Featured Badge
Add this badge to your website to show you are featured on Three.js Resources.
Description
Mini GMShaders is a streamlined and visually rich resource offering a collection of mini shader demos built with GLSL. It’s designed for developers and artists working with Three.js, WebGL, and real-time graphics who want to explore, experiment with, or get inspired by fragment shaders and visual effects. Each example is minimal in code but expressive in output, making it easy to study or repurpose for your own Three.js 3D web projects. This tool is particularly useful for learning shader logic, understanding creative coding patterns, and quickly testing visual concepts in the browser. Whether you're a beginner in shaders or an experienced developer looking for inspiration, this resource accelerates your shader development workflow.
Features:
Compact and efficient shader demos using GLSL
Compatible with Three.js and WebGL rendering workflows
Ideal for creative coding, real-time visual effects, and VJ visuals
Explore techniques like noise, color blending, and animation
Educational for learning fragment and vertex shaders
Minimal design focused on visual clarity and performance
Great starting point for building custom shader-based effects in Three.js
A perfect resource for Three.js developers interested in leveling up their shader and visual effect capabilities.
Sponsors
Want to write shaders yourself?
Learn TSL — the Three.js Shading Language — step by step in our interactive shader course, with live code you edit in the browser.
Related Resources
thebookofshaders
The Book of Shaders is an interactive guide to mastering GLSL shaders, ideal for three.js resources.
Nodetoy
NodeToy is a visual shader editor for creating custom shaders, ideal for three.js resources.
Shadertoy
ShaderToy is an online community and platform for creating, sharing, and exploring GLSL shaders.
Shaders.app
Shaders.app is an interactive GLSL shader editor for creating visual effects in three.js