UIcraft / Craft

A living archive of interface studies

Small interactions, studied closely.

A personal collection of interface experiments. I rebuild motion, depth, and interactions that catch my attention so I can understand what makes them feel right.

All experiments

11 studies

View project
01 / Button

Tasteful button

A familiar button with just enough light, depth, and movement to feel physical.

02 / Animation

Dot Matrix Ticker

Turn ordinary text into a configurable LED display with one mask and a stepped loop.

03 / Animation

Waving Flag

Cut one flag into columns, stagger the motion, and make a flat image behave like cloth.

Particles converge to form the text SNAP.
04 / Canvas

Text to Particles

Read a word as pixels, scatter those coordinates, and animate them back into dense, readable type.

Thanos Snap
marvel.com › characters › thanos
Thanos | Marvel Characters
Meet the Mad Titan and the Infinity Stones.
05 / Animation

Thanos Snap

Turn one heading and paragraph into fine dust, then scale the same effect to a search page.

06 / Animation

World Clock Board

Show three world clocks in fixed LED blocks, then shuffle each city name when its time changes.

07 / Animation

Pixel Weather

A compact weather box built from bitmap temperatures and weather icons.

08 / Canvas

Image to Bitmap

Turn an uploaded image into a grid of colored dots with threshold, halftone, ordered, and error diffusion modes.

FIELD NOTES01

TRAVEL JOURNAL

Where the light stays longer

01 / THE WEST

09 / Animation

View transitions

Make a cover grow into its story, then use the same browser API to change a whole page theme.

10 / Canvas

Bitmap display

A square LED display with rocket, Matrix rain, starfield, equalizer, and fire at 32, 64, or 128 pixels.

11 / Canvas

ASCII wave field

Turn value noise into drifting ASCII clouds—no particles, no physics, just a scalar field remapped every frame.