Hasan Harman

Lab

A showcase of interactive components I've built along the way — animations, motion experiments, and small UI pieces. Play with them below, then install any one with a single command.


121234567891011BRAUNquartz

Analog Clock

Installable

A Braun-inspired analog clock drawn in SVG. Dial, case, hand and marker colors, numerals, movement, time zone and brand text are all props — ticks live or freezes at a fixed time. No dependencies.

Pull the cord

Pull-Cord Theme Switcher

Installable

A light-switch cord that hangs from the top — give it a pull to flip the site theme with a circular reveal. 2D spring physics, no 3D libraries.

Hover the sleeve
Linkin Park — From Zero

Vinyl Record

Installable

A record sleeve that slides its discs out on hover. Cover art, disc colors, count, direction and size are all props — stack a 2LP the way record stores show them.

Flip it

Wall Switch

Installable

An old-school electrical light switch as a toggle. Clean and label-free by default — flip it up or down. Runs controlled or uncontrolled, goes vertical or horizontal, and the slot can glow a color for on/off. No dependencies.

World Clocks

Installable

Live clocks across time zones, plus the current Star Trek stardate via my trekdate package.

Table of Contents

Installable

The Notion-style floating ToC from my writeups — collapsed tick marks that expand into the full outline on hover.

Hover a photo
personal images
personal images
personal images
personal images

Photo Frames

Installable

A polaroid-style stack of framed photos that straighten and pop on hover — the set from my homepage.

Drag to spin
img
img
img
img
img
img
img
img
img
img
img
img
img
img

3D Photo Carousel

Installable

A draggable, cylindrical photo carousel driven by Motion's rotate3d transforms.

Want the source? Most of these live in my website repo.