Component Gallery

UI components & design experiments

Live Preview

Creepy Stalker Login

// Unnecessary_comment: "Cool Heh."

A compact interactive preview for the login component, showing the animated eye, glitch state, and input reveal behavior in a smaller card layout.

What this demo shows

Interactive reveal interaction with click-and-hold.
Glitch animation and moving pupil tracking.
Stable preview size for portfolio embedding.

Secure Access

SUBJECT_ID: USER_01

Biometric synchronization active

Live Preview

The Agonizing Toggle

// Unnecessary_comment: "A biometric switch that pulses with a visceral, organic rhythm."

A morbid take on the standard UI switch. This component features an anatomical heart that transitions from a grey, stitched 'dormant' state to a throbbing, blood-spattered 'active' state using smooth cubic-bezier physics.

What this demo shows

Dynamic SVG path morphing between dormant and active heart states.
Procedural blood-splat generation on activation.
Custom surgical reticle cursor with synchronized hover states.
Integrated 'Vessel Consent' protocol with animated progress tracking.

Vessel Consent

“By activating the pulse, you surrender the rhythm of your data.”

Awaiting Ritual

Live Preview

Sentient Terminal

// Unnecessary_comment: "A surveillance-themed command interface that watches its user."

A high-security biometric terminal simulation built with TypeScript. It tracks user keystrokes in real-time, features a retinal scanner that follows the mouse, and triggers a 'threat detection' glitch state upon unauthorized queries.

What this demo shows

Real-time keystroke logging with 'Decryption' status warnings.
Interactive Retinal SVG that dilates and tracks mouse coordinates.
Multi-stage biometric boot sequence with progress monitoring.
Glitch-flicker CSS animations triggered by 'Danger' level log entries.

Secure Observation Deck

AWAITING BIOMETRICS

● LIVE_FEED

Identification

Subject_082

Status

STABLE

45 BPM

Identification

Subject_119

Status

DISTRESSED

120 BPM

Identification

Subject_004

Status

DECEASED

0 BPM