Daily Components

A daily practice in design engineering. I design a component in Figma, then build it from scratch in React with TypeScript, Tailwind CSS, and Framer Motion. Each component is live on a seperate site with full source code.

I'm using Claude Code and Cursor to accelerate development while deepening my understanding of modern React patterns and animation techniques.

Technology

Next.js 15 (App Router)

TypeScript (strict mode)

Tailwind CSS

Framer Motion

Vercel