Design System
UI Kit
A complete design system with 60+ components, dark mode, and Figma-to-code pipeline. Used across 5 internal products.
Archive
Everything I've shipped, refined & learned
A curated collection of projects, experiments and the craft behind each one.
12+
Projects Shipped
4
Years Coding
3
Open Source Libs
∞
Curiosity
Full Archive
Design System
A complete design system with 60+ components, dark mode, and Figma-to-code pipeline. Used across 5 internal products.
Web App
A browser-based audio player with waveform visualization, playlist management and real-time audio effects.
Experiment
A WebGL particle system with physics simulation, attractor fields and GPU-accelerated rendering. 60fps on mobile.
CLI Tool
A scaffolding tool that generates production-ready React components with tests, stories and TypeScript types in one command.
Animation Library
A lightweight spring-physics animation library. 2KB gzipped. Declarative API, requestAnimationFrame-based, zero dependencies.
E-Commerce
A headless commerce storefront with image zoom, cart animations, and sub-100ms navigation between pages.
Process
Every project starts with architecture. Tokens, components, patterns — build the system before the screens.
Interaction design is not decoration. I map transitions, timings and feedback loops before writing a line of code.
Ship fast, measure, refine. Performance budgets and real-user metrics drive every decision.
Video Credits
Video by TikTok @luizacinematic