Archive

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

PROJECT 04

Design System

UI Kit

A complete design system with 60+ components, dark mode, and Figma-to-code pipeline. Used across 5 internal products.

React Storybook Figma
PROJECT 05

Web App

Audio Player

A browser-based audio player with waveform visualization, playlist management and real-time audio effects.

Web Audio API Canvas Vue
PROJECT 06

Experiment

Particle Engine

A WebGL particle system with physics simulation, attractor fields and GPU-accelerated rendering. 60fps on mobile.

Three.js GLSL WebGL
PROJECT 07

CLI Tool

Component CLI

A scaffolding tool that generates production-ready React components with tests, stories and TypeScript types in one command.

Node.js TypeScript CLI
PROJECT 08

Animation Library

Motion Library

A lightweight spring-physics animation library. 2KB gzipped. Declarative API, requestAnimationFrame-based, zero dependencies.

TypeScript Motion Open Source
PROJECT 09

E-Commerce

Shop Frontend

A headless commerce storefront with image zoom, cart animations, and sub-100ms navigation between pages.

Next.js Shopify Framer Motion

Systemize

Every project starts with architecture. Tokens, components, patterns — build the system before the screens.

Motion Layer

Interaction design is not decoration. I map transitions, timings and feedback loops before writing a line of code.

Ship & Iterate

Ship fast, measure, refine. Performance budgets and real-user metrics drive every decision.

Video Credits

Video by TikTok @luizacinematic