← rgbjoy.com

rgbjoy — Tom Fletcher

rgbjoy is the online identity and portfolio of Tom Fletcher.

Tom Fletcher is a fullstack engineer who architects and designs for the web — client sites, product systems, and shader experiments. Available for new work.

Projects

golfisweird.com

Something weird for golf, in the works. All it takes is one good look.

2026

futurebyday.com

An interactive savings calculator for exploring how daily contributions could grow over time, comparing risk levels, and planning toward a savings goal.

2026 · vinext, React, StyleX

scriptlet.app

A native Mac app for running, watching, and stopping package.json scripts while coding agents work.

2026

tenniswoodsmiles.com

A patient-focused site for a multigenerational dental practice, built with Payload CMS and Next.js.

2026 · Next.js, Payload CMS

veronightout.com

A curated guide to the best bars, restaurants, and local hangouts in Vero Beach, with clear vibes for every spot.

2026

checkcheck.app

A minimalist checklist app that lets you easily create tasks, sort, and use keyboard shortcuts.

2026

valeriechiang.com

A portfolio site for a New York City photographer and filmmaker, built with Payload CMS.

2025 · Payload CMS

thenewrepublic.com

Reader-facing features and custom editorial CMS tooling for the magazine, built and shipped front to back.

Ongoing

oib.beer

No description has been published for this project.

2025

Experiments

Aurora

Raymarched aurora curtains after kishimisu — spectral ribbons that drift and fold in deep space.

Generative & Visual · 2026-07 · live · Three.js, R3F, GLSL, lil-gui

Background Gradient

Shader-led gradient exploration.

Generative & Visual · 2026-03 · live · Three.js, R3F, GLSL

Frog Ace

Read the wind, pull back, and spring a tiny frog across a branching lily-pad course.

Play · 2026-08 · wip · Three.js, R3F, GLSL, FBX

Decal Pole

Staple images to a telephone pole — drop one anywhere and it sticks where it lands, a few degrees off true.

Play · 2026-09 · live · Three.js, R3F, drei

Island Generator

Shape a low-poly island with seeded noise, elevation bands, and live terrain controls.

Play · 2026-09 · wip · Three.js, R3F, WebGL

Fluted Glass

Segmented log-compression flutes over a soft drifting cool-color wash.

Glass & Refraction · 2026-06 · live · Three.js, R3F, GLSL

Frosted Glass

Capsules and beads pile up against a pane — depth is spent as blur, so the far ones smear into the fog.

Glass & Refraction · 2026-09 · live · Three.js, R3F, GLSL, box3d.js, lil-gui

Glass Cross

A vertical glass line warping thin black wavy lines on white.

Glass & Refraction · 2026-06 · live · Three.js, R3F, GLSL

Glass Lines

Refracted line-field glass lighting.

Glass & Refraction · 2026-06 · live · Three.js, R3F, GLSL

Glass Point

A 5×3 grid of point lenses refracting a flowing cosine wash background.

Glass & Refraction · 2026-06 · live · Three.js, R3F, GLSL

Glass Waves

Straight vertical glass lines refracting a gold cosine palette.

Glass & Refraction · 2026-06 · live · Three.js, R3F, GLSL

Reading Glass

A fixed strip of bent glass near the top refracts the article text with chromatic aberration as you scroll.

Glass & Refraction · 2026-06 · live · Three.js, R3F, GLSL

Gradient Flow

Living gradients that cross-fade curated palettes, blended in OKLab for natural color.

Generative & Visual · 2026-07 · live · Three.js, R3F, GLSL, thi.ng, lil-gui

Moon Waves

Lunar-toned atmospheric wave study.

Generative & Visual · 2026-03 · live · Three.js, R3F, GLSL, lil-gui

Palm Leaf

Tropical light filtering through large fronds.

3D & Spatial · 2026-04 · live · Three.js, R3F

PS2 Intro

Concrete column field, refracting glass cubes, and whirling colored light trails over base fog.

3D & Spatial · 2026-06 · live · Three.js, R3F, GLSL, Postprocessing

Rectangle Farm

Rotating physical blocks in a neat field layout.

3D & Spatial · 2026-04 · live · Three.js, R3F

Sky Atmosphere

Procedural sky gradients and atmospheric depth.

Generative & Visual · 2026-04 · live · Three.js, R3F, GLSL, lil-gui

Space Road

2001-inspired octagonal corridor with long dark wall panels and forward drift.

3D & Spatial · 2026-06 · live · Three.js, R3F, GLSL, Postprocessing

Unbreaking Waves

Five orbiting petal blobs with palette flow and soft fog wash.

Generative & Visual · 2026-06 · live · Three.js, R3F, GLSL, lil-gui

Warped Stripes

Noise-warped diagonal stripes with live-tweakable colors and warp.

Generative & Visual · 2026-06 · live · Three.js, R3F, GLSL, lil-gui

Wormhole

Shader tunnel with a deep-space motion feel.

Generative & Visual · 2026-03 · live · Three.js, R3F, GLSL

Elsewhere