Experiments

Browse all 19 experiments in the registry.

19 items

404 Not Found

A cinematic 404 experience with procedurally animated 3D ribbons, custom GLSL shaders, and scroll-driven text in React Three Fiber.

OSX Cheetah UI with a surprise

Find the hidden stupid feature!

Keyboard Keys

Interactive 3D keyboard keys with press animation and success/error animations

Send Button

A cool animated send button animation

Transit/Airport Split-Flap Display

A split flap display for transit/airport systems with sound effects manually made with Web Audio API

Airplanes

Scroll-driven 3D airplane storytelling with dual solid/wireframe rendering, parallax backgrounds, and SVG line drawing annotations

Basketball Replay Center

A WebGL preloader recreating a sports control room, with a CRT screen grid, custom distortion shaders, post-processing, and GSAP animations.

Bugged Out Game of Life Shader

A variant of the Game of Life shader accidentally counting the decaying ghost trails as living neighbors

Cursor/Tilt Depth Map Explorer

A tomographic slice style depth map viewer for paintings using your cursor or device tilt (try on mobile too!)

Game of Life Shader

An attempt to implement Conway's Game of Life with the logic defining the shader

Life 3D

Autonomous voxel Game of Life evolution in cubic space with high-fidelity cinematic rendering

Luma Morphing

Canvas 2D morphing effect inspired by the Luma Dream Machine website.

Mountain Depth Map Shader Transition

A cinematic scene transition using a depth map and FBM noise to create a volumetric reveal that respects the 3D structure of the landscape

Non-Euclidean Hyperbolic Second Brain

Navigate infinite information density on a Poincaré disk using non-Euclidean geometry and Möbius transformations

rabbithole.chat Gallery Explore

3D floating gallery shader as an experimental explore page

rabbithole.chat Preloader Shader

A vortex gallery shader preloader for rabbithole.chat

Shader Landing

A random shader experiment

Terminal Cat

Animating ASCII art in the browser console logs

Velocity-Responsive Design

A 'Relativistic Reader' that adapts content density and layout based on scroll speed using Lenis and hysteresis.

razi's registry