Playground

Micro-interactions and prototypes I ship in real products.

1) Elastic Button

Press feedback that feels "alive".

2) Text Loader

Accessible loader (no spinner GIFs).

Idle…

3) Reactive Glow Card

The light follows the cursor — same pattern used on Work cards.

Demo cover

Hover me

The light follows the mouse.

4) Magnetic Cards

Cards subtly "nudge" towards your pointer.

AI Assistant mock

AI Assistant

Ops copilot ideas — FAQs, triage, summaries.

Admin Dashboard mock

Admin Dashboard

KPIs, live orders, refunds, RBAC.

5) 3D Tilt Stack

Parallax depth with fallback for low FPS.

Figma design system Chat experience Cursor productivity

6) Theme Studio

Live-edit brand tokens (safe ranges).

7) AI Demo

Pick a mode. "Mock" works offline; "WebLLM" runs on-device.

Waiting…