Lab & Playground

Micro-interactions, UI experiments & code.

A space for testing UI components, fluid motion, and functional design prototypes built with React, Framer Motion, and Tailwind CSS.

untitled - Paint

640 x 400px | Paint Ready

MS Paint XP Retro Canvas

Editor de desenho interativo construído com HTML5 Canvas e UI retrô inspirada no clássico Windows XP. Suporta pincel, formas, balde de tinta e exportação PNG.

canvas-apireacttailwindretro-ui

Interactive Copy Pill

3-state copy button (closed → expanded → copied) expanding horizontally with animated feedback.

reacttailwindframer-motion

Dynamic Dock Interaction

macOS inspired dock magnification with fluid spring physics.

framer-motiontypescript

Checkout2 of 3

Delivery details

Continue

Multi-Step Checkout Drawer

Compact bottom-sheet transition designed to reduce checkout friction on mobile web apps.

next.jstailwindui-design