ShinUI

Cool WebGL Shaders

A small live primer of WebGL shader effects

Design ToolsFreeWebGLGLSL

Live site

elichen.github.io

Preview Cool WebGL Shaders inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

Eli Chen's browser playground of fragment-shader studies, starting with a ripple. Each page is a running effect plus a short explanation of vertex shaders, fragment shaders and GLSL — useful when you want to see the technique, not just read about it.

Tags

webglglslplaygroundprimerdesign-tool

Related in Tools

View all

Three.js

threejs.org

The WebGL renderer everyone builds on

ToolsOpen sourceJavaScriptWebGL

Spline

spline.design

3D design in the browser, exported to the web

ToolsFreemiumReactWebGL

Penpot

penpot.app

Open-source design and prototyping

ToolsOpen sourceWebSVG

by Kaleidos