Razi SyedDesign EngineerGitHubXLinkedIn

razi’s experiments

my lil playground for exploring ui interactions, shaders, and web techniques.

This page is created using my simple scaffolding tool to help developers whip up new web design/development experiments rapidly. Check it out here: experiments-tool

built by raziDesign Engineer
Basketball Replay Center
February 20, 2026

Basketball Replay Center

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

r3fthree.jsglslgsap
404 Not Found
January 26, 2026

404 Not Found

A cinematic 404 experience with procedurally animated 3D ribbons and custom GLSL shader effects.

r3fthree.jsglsl
Cursor/Tilt Depth Map Explorer
January 26, 2026

Cursor/Tilt Depth Map Explorer

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

r3fthree.jsglsl
Mountain Depth Map Shader Transition
January 22, 2026

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

r3fthree.jsglslgsap
rabbithole.chat Gallery Explore
January 9, 2026

rabbithole.chat Gallery Explore

3D floating gallery shader as an experimental explore page

r3fthree.jsglsl
rabbithole.chat Preloader Shader
January 9, 2026

rabbithole.chat Preloader Shader

A vortex gallery shader preloader for rabbithole.chat

r3fthree.jsglslmotion
Life 3D
January 3, 2026

Life 3D

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

r3fthree.jspostprocessing
Velocity-Responsive Design
December 31, 2025

Velocity-Responsive Design

A 'Relativistic Reader' that adapts content density and layout based on the user's scroll speed

lenismotioncanvas-2d
Non-Euclidean Hyperbolic Second Brain
December 31, 2025

Non-Euclidean Hyperbolic Second Brain

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

svgcanvas-2dcss-transformsmath
OSX Cheetah UI with a surprise
December 30, 2025

OSX Cheetah UI with a surprise

Find the hidden stupid feature!

matter.js
Transit/Airport Split-Flap Display
December 30, 2025

Transit/Airport Split-Flap Display

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

motionweb-audiocss-animations
Bugged Out Game of Life Shader
December 24, 2025

Bugged Out Game of Life Shader

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

canvas-2dweb-workers@paper-design/shaders
Game of Life Shader
December 24, 2025

Game of Life Shader

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

canvas-2dweb-workers
Keyboard Keys
December 24, 2025

Keyboard Keys

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

css-animations
Terminal Cat
December 24, 2025

Terminal Cat

Animating ASCII art in the browser console logs

console-api
Send Button
December 23, 2025

Send Button

A cool animated send button animation

motion
Shader Landing
December 2, 2025

Shader Landing

A random shader experiment

r3fthree.jsglsl