Hey, I'm Alfie 👋
Fullstack engineer, frontend at heart. Deep into TypeScript, React internals, web performance optimization, and crafting smooth animations with CSS/SVG/Framer Motion. I care about how things feel, not just how they work.
A collection of my recent animation & visual effect experiments
- animated-toc — Animated table of contents component
- animated-dashed-lines — Animated dashed line effects
- radial-gradient-mask — Radial gradient masking
- orbital loader — Orbit-based loading animation
- SVG mask scroll — SVG mask + scroll + blend mode effect
TypeScript React Next.js Electron Framer Motion Tailwind CSS CSS Animations SVG Web Performance