Done!
Creative Lab CSS Experiments · Canvas Art · Motion Studies

Where I push boundaries with CSS animations, Canvas APIs, and creative coding. Pure experiments — no frameworks, just code.

CSS Animations Canvas API SVG Morphing Particle Systems Generative Art
CSS Experiments

Pure CSS Magic

No canvas, no JS — just the power of CSS animations and geometry.

CSS 3D Globe

A pure-CSS animated globe using radial gradients, border-radius tricks, and layered pseudo-elements.

CSS Only
<Neon/>
text-shadow pulsing

Neon Glow Effect

CSS text-shadow animation creating a realistic neon sign flicker using keyframes and layered shadows.

CSS Only

Liquid Shape Morph

CSS border-radius animation morphing between organic blob shapes — creating a mesmerizing liquid feel.

CSS Only

Staggered Dot Grid

Hover to trigger a wave of dot animations using nth-child selectors and animation-delay cascades.

CSS + Hover

Audio Visualizer

CSS-only audio bar animation simulating an equalizer/waveform using scaleY transforms and staggered delays.

CSS Only
75%

SVG Circular Progress

Hover to animate. SVG stroke-dashoffset animation creating smooth circular progress indicators.

SVG + CSS
Canvas API

Interactive Sketches

Move your mouse over the canvases to interact with generative visuals.

// Move mouse — particle field that follows your cursor
// Move mouse — Lissajous curve generator
Skills Radar

Technical Proficiency