Explainers

Interactive visual explainers for concepts I want to understand deeply. Each one is a single scrollable page with prose, diagrams, animations, and interactive controls.

Built with React, Vite, TypeScript, and Framer Motion.

Getting started

npm install
npm run dev

Creating a new explainer

1. Create src/pages/your-topic/index.tsx
2. Build it using the shared components in src/components/ — ExplainerLayout, Section, Prose, Diagram, CodeBlock, AnimatedStep, Callout
3. Register it in src/App.tsx by adding an entry to the explainers array

See AGENTS.md for detailed component docs, design tokens, and colour palette reference.

Commands

• npm run dev — dev server
• npm run build — type check + production build