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.

Made from Scratch | Portfolio v 2.0

Page with examples of web development technologies

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.

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.

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

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

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

3D reaction diffusion project using WebGL 2.0 and ray casting to visualize the volume data.

A low-poly 3D portal scene featuring custom animated shaders. Modeled in Blender, shaded and coded in Three.js and React Three Fiber.

Toon Shader Experiment by Material shader & Post Processing