webgl-shader

Create GPU-rendered Svelte components

The biggest open-source home for shaders on the web.

Demo project for using WebGL shaders in WebAssembly

Import GLSL source files. Pre-processed, validated and optimized with Khronos Group SPIRV-Tools. Supports glslify.

WebGL Shader Playground.

Aiding the visually impaired through real time augmented reality, AI object detection, WebGL shaders effects such as edge detection, and colour adjustments.

Bilkent University Computer Graphics course Assignment 3.

A 2D WebGL 2 Framework

Melts images and video in the browser with a real fluid simulation on the GPU

An implementation of WebGL shaders using distance functions to generate patterns of rings, sectors and 4 combinations of these patterns.

Page with examples of web development technologies

Made from Scratch | Portfolio v 2.0

Toon Shader Experiment by Material shader & Post Processing

A vanilla JavaScript library/example for rendering a GLSL shader onto a full-screen webGL canvas.

This repository contains a real-time, WebGL-powered visualization of the Thomas attractor, an intriguing model in chaotic dynamics and mathematical visualization. Perfect for creative coding enthusiasts, this project demonstrates advanced WebGL techniques, interactive graphics, and the captivating nature of strange attractors.

WebGL Mirror Distortion is an interactive visual experiment built with WebGL that simulates realistic mirror-like distortions using fragment shaders. The project demonstrates real-time wave, ripple, and reflection effects that respond smoothly to time and user interaction.

Rendering Fractals like Hilbert curves, Julia sets and Mandelbrot sets in various techniques.

Designing a web page where a user can generate and view a number of fractals. Zoom will be included too and eventually an animation feature.

Project developed for the Computer Graphics course of the UniBO Master's Degree

Browser DevTools extension for inspecting WebGL and WebGPU frames — live GPU state capture, pipeline/shader inspection, and stored-capture diffing, without replaying or reconstructing your scene.