WebGL

Low-level graphics API for rendering interactive 3D and 2D graphics.

$ ls --count4236 repositories
Topic:WebGL
Open lettier/3d-game-shaders-for-beginners details
lettier/3d-game-shaders-for-beginners
19.6K
lettier

from lettier

3D Game Shaders For Beginners Interested in adding textures, lighting, shadows, normal maps, glowing objects, ambient occlusion, reflections, refractions, and more to your 3D game? Great! Below is a collection of...

C++
2023-06-25
Open martinlaxenaire/curtainsjs details
martinlaxenaire/curtainsjs
1.8K
martinlaxenaire

from martinlaxenaire

What is it ? Knowledge and technical requirements Installation and usage In a browser, you can use the UMD files located in the dist directory: Usage with React Note that if you are using React, you might want to try...

JavaScript
2025-04-03
Open EvanBacon/Expo-Crossy-Road details
EvanBacon/Expo-Crossy-Road
1.1K
EvanBacon

from EvanBacon

Try in the Browser This is strictly for educational purposes only. Models I created the models using the open source project MagicaVoxel. Stack - Expo ios, android, web - React Native for web web - React Native ios,...

TypeScript
2026-03-26
Open doxas/twigl details
doxas/twigl
1.1K
doxas

from doxas

twigl twigl.app is an online editor for One tweet shader, with gif or webm, jpeg, png generator and sound shader, and broadcast live coding. get started Example: regulation There are four modes in twigl.app, each of...

JavaScript
2026-03-04
Open emilwidlund/alma details
emilwidlund/alma
897
emilwidlund

from emilwidlund

Alma Alma is an interactive playground for generative graphics. It comes with a unique node-based editor for WebGL experiences, and a layer-based renderer which can mix graph layers with raw GLSL-based layers. Nominated...

TypeScript
2024-09-27
Open andrewwoan/abigail-bloom-portolio-bokoko33 details
andrewwoan/abigail-bloom-portolio-bokoko33
532
andrewwoan

from andrewwoan

Recreation of Award-winning Bokoko33's Portfolio Live demo This repo contains code of a recreation of Bokoko33's award-winning website . The original creator asks to please not use this exact idea, but feel free to use...

JavaScript
2024-03-07
Open Motion-Core/motion-core details
Motion-Core/motion-core
507
Motion-Core

from Motion-Core

Motion Core Motion Core is not just a library; it's a curated collection of expressive, production-ready motion components designed for the experimental web. Born from a desire to make high-end motion design accessible,...

Svelte
2026-05-16
Open bizarro/bruno-arizio details
bizarro/bruno-arizio
465
bizarro

from bizarro

Bruno Arizio This is the repository of Bruno Arizio portfolio. We decided to be transparent and take a step forward in making this entire project open source so people can learn how to make the things we created. The...

JavaScript
2025-02-12
Open iyinchao/liquid-glass-studio details
iyinchao/liquid-glass-studio
409
iyinchao

from iyinchao

🔮 Liquid Glass Studio English README.md 简体中文 README-zh.md O‘zbekcha README-uz.md The Ultimate Web Recreation of Apple’s Liquid Glass UI, powered by WebGL2 & WebGPU. Includes most Liquid Glass features with fine-grained...

TypeScript
2026-03-24
Open AndrewPrifer/react-three-editable details
AndrewPrifer/react-three-editable
368
AndrewPrifer

from AndrewPrifer

React Three Editable ⚠️ React Three Editable is now part of Theatre.js and can be found on NPM as @theatre/r3f . The new project is functionally almost the same as this one, just with more features, regular maintenance...

TypeScript
2022-02-15
Open vaneenige/THREE.Phenomenon details
vaneenige/THREE.Phenomenon
364
vaneenige

from vaneenige

THREE.Phenomenon THREE.Phenomenon is a tiny wrapper around three.js built for high-performance WebGL experiences. With it's simple API a mesh can be created that contains multiple instances of a geometry combined with a...

TypeScript
2019-05-21
Open xemantic/shader-web-background details
xemantic/shader-web-background
277
xemantic

from xemantic

shader-web-background Displays GLSL fragment shaders as a website background. Supports Shadertoy shaders, multipass - ping-pong offscreen buffers, feedback loops, floating-point textures. Either with WebGL 1 or 2, will...

JavaScript
2026-01-29
Open bizarro/bizar.ro details
bizarro/bizar.ro
218
bizarro

from bizarro

BIZAR.RO This is the repository of Bizarro portfolio. The website was submitted to Awwwards in December 14, 2020 but unfortunately didn't made to score a Site of The Day. Overview The front end of the portfolio was made...

HTML
2025-02-19
Open JohansenJunias20/portofolio details
JohansenJunias20/portofolio
209
JohansenJunias20

from JohansenJunias20

Portofolio🚀🚀🚀 Source code of Go to deploy repository ⭐ Reviewed by Web Programming Unpas 🔗 Please install Git bash and Docker⚠️ Development - Run webpack build watch and nodemon websocket - Only build files not...

TypeScript
2023-03-14
Open jagracar/webgl-shader-examples details
jagracar/webgl-shader-examples
207
jagracar

from jagracar

WebGL shader examples Some simple examples of WebGL shaders. They can be seen live at webgl-shaders.com. Build the project Install Node.js for Ubuntu :

JavaScript
2019-02-22
Open Erkaman/glsl-godrays details
Erkaman/glsl-godrays
203
Erkaman

from Erkaman

glsl-godrays This module implements the volumetric light scattering effect godrays described in "Volumetric Light Scattering as a Post-Process" as a GLSL shader. A demo is provided at: The camera in the demo is...

JavaScript
2016-06-29
Open bizarro/infinite-webl-gallery details
bizarro/infinite-webl-gallery
198
bizarro

from bizarro

Infinite WebGL Images A tutorial explaining how to build an infinite scrolling gallery using WebGL with OGL and GLSL Shaders. Article on Codrops Demo Installation Install dependencies: - - Misc Follow Luis Henrique...

JavaScript
2021-01-18
Open EvanBacon/Expo-Voxel details
EvanBacon/Expo-Voxel
190
EvanBacon

from EvanBacon

Expo Voxel Tutorial 🍎 Watch the video tutorial: Youtube 👍 Stack 🥞 - Expo - React Native - THREE.js Special Thanks 🙏 - Voxel Terrain by Mr. Doob - Nikhilesh Sigatapu - Charlie Cheever - Expo Team

JavaScript
2020-06-10
Open tiansijie/Tile_Based_WebGL_DeferredShader details
tiansijie/Tile_Based_WebGL_DeferredShader
185
tiansijie

from tiansijie

Tile Based WebGL Deferred Shader updated with WebGL 2 support Yuqin & Sijie Sijie's twitter: Yuqin's twitter: Demo Mentioned Overview Deferred shading, a screen-space shading technique, which enables fast and complex...

JavaScript
2017-03-18
Open ybouane/liquidglass details
ybouane/liquidglass
157
ybouane

from ybouane

LiquidGlass A liquid glass effect library for the web. Live Demo Apply realistic glass refraction, blur, chromatic aberration, and lighting effects to any HTML element using WebGL shaders. Demo Installation 1. Non-glass...

TypeScript
2026-04-10
Open repalash/Open-Shaders details
repalash/Open-Shaders
155
repalash

from repalash

Open shader repository Collection of many open source shaders GLSL, HLSL, CG in popular open source game development and rendering engines and public repositories. Aim is to have a common index of shader snippets and...

HLSL
2023-01-24
Open Tw1ddle/Sky-Shader details
Tw1ddle/Sky-Shader
154
Tw1ddle

from Tw1ddle

Interactive procedurally generated sun and skies. Run it in your browser. This extends code from my Ludum Dare 33 entry, Otherworldly Stars. Usage Use the controls in the top right of the demo page to modify the shader...

JavaScript
2021-12-13
Open juniorxsound/R3F.Multiplayer details
juniorxsound/R3F.Multiplayer
146
juniorxsound

from juniorxsound

R3F.Multiplayer React three fiber, socket.io boilerplate multiplayer server and client 💻 Getting started Getting started To quickly get started - Clone the repository git clone...

JavaScript
2022-07-11
Open nhtoby311/WaterSurface details
nhtoby311/WaterSurface
137
nhtoby311

from nhtoby311

Interactive Water Surface A React Three Fiber component for water surface with realistic reflections, with additional interactive FX. Installation 1. Make sure you have all dependencies installed first: Import...

TypeScript
2024-04-06