Dozens of graphics games, each running live on its creator's own site: some of them vibe-coded with AI, all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.
Made one of these? See how many people played yours → or use email
filter fabjs
Create custom image filters directly in your browser with mathematical expressions, real-time previews, WebGPU acceleration, and Filter… Vibe-coded 🔥 1
particle system
I made a particle system maker with WebGPU and JavaScript. I used compute shaders for the physics and GPU instancing for rendering to…
collapse
Collapse DOM elements into WebGL representations of their pixels. The example in this repository uses Express, but Collapse does not depend…
particles canvas
CPU Canvas 3D particle sandbox for teaching force laws by direct manipulation. It keeps the scene visual and interactive: enable one force…
FractalsWithWebGL
In this project, I wrote a shader-based WebGL program which will generate Sierpinski carpet. Sierpinski carpet is a fractal that consists…
WebGL Shader Playground
Real-time shading model explorer built directly on the WebGL API — no Three.js, no rendering framework. Nine shading models, a cubemap…
abyssal ocean
On a phone the parameter panel is a bottom sheet (side column in landscape). Tap hide to put it away; a tools chip brings it back…
fps
A walking simulator with a retro graphics style. No combat or dialogue. Just explore.
pyctures
See them running in your browser, with their code → Nothing to install. Pyctures ("Python pictures") gives Python the full set of…
Fun Particle feedback
↑ click any mode to launch directly into it ↑ Master these gestures and bend reality to your will. Allow webcam → wave hands → become…
generative art piece particle rendering experiment
particle rendering experiment
An interactive browser experiment exploring particle rendering and animation. This project explores particle-based visual effects in the…
q5.js
q5 was designed to make creative coding fun and accessible for educators, artists, designers, and beginners. 🤝 The q5 learn pages have…
bevy enoki
Enoki - A 2D particle system for the Bevy game engine. The Enoki particle system uses SIMD optimizations to perform calculation on the CPU…
3D Tetris using WebGL
A 3D take on Tetris (tetracubes) built with vanilla JavaScript + WebGL2: smooth gravity, collision + locking, row clears, two shading…
wormgame
A slither.io-like game made in javascript with the canvas API. A - Turn the player snake left. D - Turn the player snake right. M - Toggle…
Plotter GLSL Shader
a 3D raveling and unraveling transformation on the model, based on a time var to vary the trigonometric angle operations and apparent…
Ray Tracing
A quick simple ray tracer written in glsl using JavaScript and WebGL
p5js shaders
Shaders are a great way to make graphics for your projects. So far you have probably made graphic shapes like rect() or ellipse() or maybe…
liquid logo
A free, open-source tool for creating animated logos with a liquid metal aesthetic. Create logo animations in real-time in the browser.
endlessTriangle
This is a js version of 'the game of chaos' proposed in the book 'Randomness in everyday life' by Alberto Rojo. The source code is written…
dogpack
A TypeScript implementation of Difference-of-Gaussians (DoG) algorithms for artistic line drawing and edge stylization. This library turns…
personal website
Personal website
pixi GI
Holographic-radiance-cascades global illumination for PixiJS v8. Tag what emits light and what blocks it. Everything else is lit…
rust webgpu game demos
Then open From another device on the LAN use ** (WebGPU requires HTTPS). python serve.py serves the repo root (good for day-to-day). dist/…
chalks
A thin, independent library on top of p5js containing methods to manipulate points and draw figures. Chalks is fully compatible with p5js…
saramago
A generative art project inspired by the book covers of José Saramago
geo runtime
The .geo binary is the runtime. Not a format an engine reads — the thing that executes. Rust/WASM hosts it, WebGL2 displays it. v0.1 · a…
Specular goodness
this speculars take into account the angle the light is hitting the texture and properly mix the colour of the texture with the colour of…
DinoRerun
A remake or "rerun" of the Chrome dino run game built with p5js a JavaScript library used to create interactive visuals in a web browser…
textmode.js
textmode.js is a free, lightweight, and framework-agnostic creative-coding library for real‑time ASCII and textmode graphics in the…
web demo lumathread
lumathread
LumaThread is a composable WebGL luminous-filament renderer for React. The component is distributed as editable source through its shadcn…
b5
**b5 is for graphics, fast prototyping, and fun. Using blocks and wires, non-programmers can quickly build and share\* creative coding…
LIQUID GLASS
Figma's Liquid Glass effect, rebuilt as a real-time WebGL2 renderer. Design the glass in the browser, then export a config you can paste…