SG

Components

Hand-built, from voxels to terminals.

15 components

Loading 3D...

Pixel Dev

A voxel developer in a hoodie typing at a MacBook, with a live code screen, steaming coffee and a plant, rendered as chunky pixel 3D.

3Dthree.jspixel art
['pupil:u'] 0.5000000
0.5000000
0.0000000
None

ASCII Eye

An almond eye drawn from scrolling text. The iris and pupil follow your cursor, it blinks now and then, and it reports where it is looking.

canvasinteractionascii

Isometric Mark

Any word as an isometric, extruded block mark. Outlines light up toward your cursor; press it and the letters sink with a metal click.

3Dsvgsound
Loading 3D...

3D Name

Extruded, beveled 3D letters that tilt with the cursor. Click a letter to make it jump and flip, with a synthesized key click.

3Dthree.jssound
Loading 3D...

Tech Globe

A particle globe with spikes radiating out to labels for every skill. Auto-rotates, drag to spin, labels fade with depth.

3Dthree.jsdata
Loading 3D...

Particle Sphere

Thousands of points on a sphere, displaced by GPU simplex noise, with orbit rings and depth fade. Follows the theme.

3Dthree.jsshader
Loading 3D...

GitHub Skyline

Your contribution calendar as an orbiting 3D city of bars, rendered with one instanced mesh.

3Dthree.jsdata

Intro Loader

A centred boot card: a pixelated voxel developer at a MacBook, greetings that wipe left to right at speed, a counter, then one clean lift into the page.

animationpage3D

Dot Matrix Wordmark

A full-bleed footer wordmark drawn as a field of dots sampled from real type. Dots sweep in on reveal and swell under your cursor.

canvasinteractionfooter

Garden

A living strip of grass and wildflowers drawn on canvas. It sways in the wind and parts around your cursor.

canvasinteraction
~/portfolio

❯

Terminal

A macOS-style terminal that types commands and prints their output, on a loop.

animation

01 / spotlight

Move your cursor here

A border and glow follow your pointer, using CSS variables only.

Spotlight Card

A card whose border and background glow follow the pointer.

interaction

I build web apps

Text Flip

Cycles through words with a blur-and-rise transition.

textanimation
0

contributions

0

repositories

0

companies

Number Ticker

Counts up to a value with an ease-out curve when it scrolls into view.

textdata
TypeScriptReactNext.jsNode.jsRustGoPostgreSQLRedisDocker

Marquee

Infinite horizontal scroller with edge fade, pause on hover and reduced-motion support.

layoutanimation