Find great work. Meet the people behind it.

MadeByWho

Discover independent creators through their games, tools, videos and other projects.

Explainer Tools

Tools and inspiration for people making science-based explainer videos and interactive explanations.

The Evolution of Trust

A playable explanation of why we trust each other, told through a deceptively simple game.

The Wisdom and/or Madness of Crowds

Draw connections between people to explore how ideas and behaviors spread through human networks.

To Build a Better Ballot

Move voters and candidates to compare how voting rules can produce different election outcomes.

The Magnificent 2D Matrix

Change matrix entries and watch vectors transform, connecting arithmetic with movement on a plane.

Adventures with Anxiety

An interactive story in which you play the anxiety. Contains mature language and themes.

LOOPY

A tool for thinking in systems: draw causal loops and simulate them.

Parable of the Polygons

A playable post on how harmless individual choices can make a harmful world (with Vi Hart).

AI Safety for Fleshy Humans

A whirlwind interactive tour of the core ideas of AI and AI safety.

Protecting Lives & Liberty: How Contact Tracing Can Foil COVID-19

A comic-style explainer of privacy-preserving contact-tracing apps.

Nutshell

A tiny tool for expandable explanations. Follow an idea without losing your place.

we become what we behold

A game about news cycles and the vicious and endless cycles they can form.

emoji simulator

A tool for building cellular automata using emoji.

parable of the hill climber

A children's picture book about life and stochastic gradient ascent.

make plushie patterns with play-doh & paper towels

A craft tutorial for making plushie patterns with play-doh and paper towels.

how to explain things real good

A Stanford mini-talk on explaining things well.

human brains are awesome, human brains suck

A GDC 2019 microtalk.

learning & games: a confession

A talk given at the NYU Games Center in 2019.

Infinite Craft

Combine elements and see where your curiosity takes you.

The Password Game

A password form with an increasingly unreasonable set of rules.

Draw a Perfect Circle

One simple challenge: how close can you get?

The Deep Sea

A long-form scroll interaction descends through ocean depth zones, mixing creature facts and historical expedition details; the page credits Dr. Harri Pettitt-Wade for editing and feedback.

Bruno Simon’s Portfolio

The portfolio website links to a video series documenting how the world was built.

Three.js Journey

A course about making things with Three.js.

Tools: Vite

The Digital Garden

A collection of visual essays, notes, and patterns that grows over time.

Interface Patterns

Observed patterns in how people use and make software.

A Treatise on AI Chatbots Undermining the Enlightenment

An essay on chatbot sycophancy and passivity that makes the case for more intellectually challenging AI companions.

The Dark Forest and Generative AI

An essay on proving you are human on a web flooded with generative AI content.

Tools for Thought as Cultural Practices, not Computational Objects

An essay that views tools for thought through a historical and anthropological lens rather than as computational objects.

But what is a neural network? | Deep learning chapter 1

Follow a visual introduction to neurons, layers, and weights through the problem of recognizing handwritten digits.

The essence of calculus

Watch area, small changes, and accumulation reveal the central idea behind calculus.

Linear transformations and matrices | Chapter 3, Essence of linear algebra

See matrices move a grid, and understand linear transformations as changes to space.

The last IMO problem AI could not solve

A longer olympiad-problem walk-through from 3Blue1Brown.

The Hairy Ball Theorem

Why you can never comb a hairy ball flat, and where the theorem shows up.

Laplace Transform: forced oscillators

The next video in the Laplace Transform sequence, applied to driven oscillators.

Reinventing Entropy | Compression is Intelligence Part 1

Rediscover Shannon entropy from scratch.

But what is cross-entropy? | Compression is Intelligence Part 2

How cross-entropy connects compression to training language models.

3Blue1Brown

Visual explanations that make mathematical ideas click.

Minecraft — Volume Alpha

An album by C418. Listen on the artist’s Bandcamp.

Wanderstop

Explore C418’s Wanderstop soundtrack.

Wanderstop FM

Album listed on the artist's Bandcamp music page.

Cookie Clicker

Album listed on the artist's Bandcamp music page.

Excursions

Album listed on the artist's Bandcamp music page.

Minecraft - Volume Beta

Album listed on the artist's Bandcamp music page.

Dief

Album listed on the artist's Bandcamp music page.

one

Album listed on the artist's Bandcamp music page.

2 years of failure

Album listed on the artist's Bandcamp music page.

148

Album listed on the artist's Bandcamp music page.

0x10c

Album listed on the artist's Bandcamp music page.

72 Minutes Of Fame

Album listed on the artist's Bandcamp music page.

Seven Years of Server Data

Album listed on the artist's Bandcamp music page.

I forgot something, didn't I.

Album listed on the artist's Bandcamp music page.

The Driver - Savlonic (C418 Remix)

Remix track credited jointly to Savlonic and C418 on the artist's Bandcamp music page.

life changing moments seem minor in pictures

Album listed on the artist's Bandcamp music page.

Introduction to A*

Learn a pathfinding algorithm by playing with its moving parts.

Hexagonal Grids

Manipulate hexagons to understand coordinates, neighbors, distances, rotations, and paths on a hexagonal grid.

Making Maps with Noise Functions

Tune noise layers to turn simple functions into terrain, islands, climate zones, and game worlds.

2D Visibility

Move a viewpoint around obstacles and inspect an algorithm for calculating visible areas and shadows.

Flow Field Pathfinding for Tower Defense

Interactive guide to breadth-first flow fields for moving many units toward a goal.

Line drawing on a grid

Interactive explanation of drawing lines on a grid with interpolation.

Mapgen4

Draw your own terrain with an interactive map generator.

Probability and Games: Damage Rolls

Interactive explanation of how dice-roll formulas shape damage distributions in games.

Curved Paths

Interactive explanation of building curved roads from circular arcs.

Hexagon conversions

A dated design/build note on reorganizing hex-grid coordinate conversions into smaller composable steps, including an interactive pixel-art-size conversion generator and tradeoffs between direct formulas and adaptable explanations.

Mapgen4 trade routes

A build log and interactive experiment assembling A* / Dijkstra flow-field pathfinding with Voronoi/Delaunay graphs and Mapgen4’s editable map generator to animate traders.

Tools: Mapgen4

A Friendly Introduction to Spring Physics

An interactive tutorial on spring-based animation in JavaScript.

Interactive CSS articles

Explanations and hands-on examples of how the web works.

The Future of CSS ✨

Previews CSS features that browser vendors are considering through the Interop project for Interop 2027.

Getting Started with Anchor Positioning

A tutorial on CSS anchor positioning for attaching elements such as tooltips and nested menus.

CSS vs. JavaScript

Compares the performance of several animation strategies, including JavaScript animation libraries and CSS transitions and keyframes.

Scroll-Driven Animations

Explores the animation-timeline API for scroll-linked animation without JavaScript.

Squash and Stretch

Applies the squash and stretch animation principle to SVG micro-interactions.

Sneaky Header Blocker Trick

Breaks down a header effect on the author's blog and how to reproduce it with CSS.

Sprites on the Web

Uses spritesheets for web animation with a niche CSS function and explores possible use cases.

Brand New Layouts with CSS Subgrid

Explains CSS subgrid, which lets nested elements participate in a parent grid layout.

Springs and Bounces in Native CSS

Shows physics-based motion in plain CSS with the linear() timing function, including its limitations.

The Big Gotcha With @starting-style

Examines @starting-style for CSS transitions on enter animations and weighs its trade-offs.

Color Shifting in CSS

Covers browser limitations when animating colors, with workarounds for a background that cycles through a rainbow.

An Interactive Guide to SVG Paths

An interactive walkthrough of the SVG path element and its compact syntax.

The Plane of Focus

Turn a lens's focus ring and aperture to see where an image becomes sharp.

Rocket Nozzle Lab

Change a rocket nozzle's throat, throttle, and surroundings to investigate how hot gas creates thrust.

River Bend Lab

Adjust water flow and sediment, then move through time as a river reshapes its valley.

Heart Pump Lab

Step through a heartbeat and change valve behavior to follow blood through two connected circuits.

Prism Room

Rotate a prism and aim its light beam to split, bend, and recombine a spectrum.

Prismatic // Optics Bench

Adjust dispersion to separate white light into colored paths, then replay the rays through prisms and lenses. On phones, open Optics for the full diagram.

Root Finder

Rotate a growing seed and change gravity to explore why roots and shoots choose different directions.

Pendulum Rhythm Lab

Change pendulum lengths, add a push, and discover when their rhythms fall into step.

Soap Bubble Lab — Build a Perfect Film

Shape soap films on wire frames and watch them find the smallest surface.

Who Gets the Green? — one intersection, adaptive signals

Run a live simulation of one city intersection and compare adaptive traffic-signal strategies.

What Happens When You Send a Prompt

Follow one real question through an AI model: hidden instructions, tokens, and generation in half a second.

How the Internet Works — the half-second after you press Enter

Ride one click through a miniature world of DNS, handshakes, packets and Wi-Fi.

Benchmark Mountain

Watch fourteen AI labs climb five benchmark peaks in a 3D landscape of model scores.

Set the Mood — a moodboard that builds the room

Drop wood, stone, fabric, paint, furniture and sunlight onto a moodboard and watch the room assemble.

Home internet from space: Starlink

Explore how a Starlink dish hands its connection from low-orbit satellites to laser relays, and compare the distance and latency of a geostationary link.

Window Draft Lab

Open or seal a window and move the radiator to follow warm and cold air currents in a 2D room-airflow simulation. Designed for a larger screen.

Hummingbird Wing Lab

Change wing twist and beat rate to see how an idealized hummingbird wing generates lift. Flow is schematic; use a larger screen for the full control layout.

Earthquake Tower

Change shake-table frequency, tower height and bracing to compare resonance in simplified elastic buildings.

Bike Brake Lab

Compare front lock, rear lock and ABS while changing speed and road grip in a simplified braking model.

Siphon Lab

Raise the outlet, prime the tube or admit air to explore flow and pressure in a siphon model.

Speaker Cone Lab

Scrub a waveform and change the signal and power to connect a speaker cone’s motion with pressure waves.

Compass Field Lab

Move a compass and arrange magnets to compare field direction, field lines and iron-filing patterns.

Change a Flat Tyre, Step by Step

Step through fitting a spare wheel, place the jack, and compare correct tightening with common mistakes.

Learn to Park, Step by Step

Interactive parallel-parking practice for a typical hatchback, with five guided steps, multiple views, and practice mode. Its kinematic model omits tyre slip, and reference points vary by car and car park. Treat them as starting points.

Tools: Opus 5.5, Three.js

Two Wheels, One Engine: a differential, cut open

Explore an idealized differential model across straight-line, cornering, one-wheel-on-ice, and several differential and traction-control modes. Modern-option rules are simplified and cornering forces are not simulated.

Tools: Opus 5.5, Three.js

Flat Pack

A 3D step-by-step visualization for assembling an IKEA BILLY bookcase; the page links the source IKEA instructions and discloses it is an independent project.

Flying Roadster

An interactive visualization exploring the Tesla Roadster thruster concept; the page separates the company’s disclosed concept from the creator’s own hypothetical fan-hover interpretation.

World Map Live

A live map view based on OpenStreetMap replication changes; distinguish the data feed’s update cadence from project creation date.

Tools: OpenStreetMap

Roman Space Telescope, simulated

Explore Roman's journey to L2, gravitational lensing, planet detection, and its starlight-blocking coronagraph.

Inside the Raptor 3 rocket engine

Take apart a 3D rocket engine, follow oxygen and methane through the turbopumps, and adjust its throttle.

The internet, physically

Follow a packet beneath the ocean, explore real submarine cable routes and network maps, and see how a cable cut changes the path.

Inside a 5-axis CNC machine

Watch how a five-axis machine cuts an aluminium impeller, and see how the spindle, tilting table, coolant and chips work together.

How chipmaking uses extreme ultraviolet light

Follow tin droplets, laser pulses and mirrors to see how extreme-ultraviolet light reaches a silicon wafer in a browser-built teaching model. Use the creator’s website link to try the interactive model (larger screen recommended).

A rocket engine printed from metal powder

Watch a powder layer spread, lasers fuse a rocket-engine cross section, and internal cooling channels emerge in a simulated metal 3D printer. Use the creator’s website link to try the interactive model (larger screen recommended).

Inside an aircraft factory

Explore a simulated aircraft production line and follow how parts and work move through a factory. This is a browser-built teaching model, not a real factory tour. Use the creator’s website link to try the interactive model (larger screen recommended).

Starship's flight as a machine on a desk

Watch a miniature Starship trace a flight path on a mechanical desk model, from liftoff through reentry. Open the creator’s website to scrub the timeline and switch between machine, follow, close-up and globe views (larger screen recommended). A teaching simulation with estimated recovery times, not footage or a verified prediction of an actual flight.

Moon

Move celestial bodies and scrub through time to connect lunar phases, orbital motion, tides, and eclipses.

Airfoil

Experiment with airflow around airfoils and build intuition for lift. The flow examples are two-dimensional and omit out-of-plane airflow.

Bicycle

Explore forces in bicycle motion and structure. Introductory demonstrations omit friction and air resistance to isolate individual forces; they are simplified teaching models.

Sound

Play tones and manipulate visual models to see how vibrations travel through air as sound.

Mechanical Watch

Take apart a watch in 3D and follow the springs, gears, and escapement that keep time.

Curves and Surfaces

Drag control points to discover how a small set of coordinates can describe smooth shapes.

Color Spaces

Explore color matching, gamuts, and the coordinate systems screens use to describe the colors we see.

GPS

Interactive article explaining how GPS works.

Naval Architecture

Interactive article explaining how ships float and maintain their stability.

Internal Combustion Engine

Interactive article explaining how an internal combustion engine works.

Cameras and Lenses

Interactive article explaining how cameras and lenses work.

Lights and Shadows

Interactive article explaining how lights and shadows behave.

Gears

Interactive article explaining how mechanical gears work.

Tesseract

Interactive article that visualizes a tesseract and the fourth dimension.

Earth and Sun

Interactive article about the motion of Earth around the Sun.

Exposing Floating Point

In-depth interactive explanation of the floating point format.

Drawing Bézier Curves

Drag control points and vary the curve parameter to explore the geometry behind Bézier curves.

Mesh Transforms

A technical visual explanation of deforming a layer using mesh vertices and faces, covering Core Animation’s CAMeshTransform and an open-source alternative.

Tools: Core Animation

Exploring GPGPU on iOS

Historical technical article comparing CPU and GPU computation through OpenGL ES 3.0 Transform Feedback; the author now labels the methods obsolete on modern iOS and says the page is retained as a historical reference.

Tools: OpenGL ES 3.0

Basic Probability

Experiment with coins, dice, and cards to build intuition for chance, expectation, and variance.

Probability Distributions

Define random variables, reshape distributions, and sample averages to explore the central limit theorem.

Bayesian Inference

Change probabilities and observations to see how evidence updates prior beliefs into posterior estimates.

Regression Analysis

Fit lines to data interactively and explore linear regression and correlation.

Compound Probability

Build sets in a Venn diagram, compare permutations and combinations, and explore conditional probability.

Frequentist Inference

Drop random samples to estimate pi, generate confidence intervals and explore bootstrap resampling.

Why Momentum Really Works

Explore how momentum changes optimization trajectories and why it can accelerate gradient descent.

How to Use t-SNE Effectively

Change datasets and parameters to discover what t-SNE plots reveal and where they can mislead.

A Visual Exploration of Gaussian Processes

Adjust distributions, kernels, and observations to see how Gaussian processes make predictions with uncertainty.

The history of the printing press

Watch a collage-style animated history of the printing press and the spread of printed information.

AI NORWAY

Short AI video that the creator describes as their most ambitious project so far. The post credits Leonardo AI, Runway and ElevenLabs, with music and sound effects from Epidemic Sound.

Tools: Leonardo AI, Runway, ElevenLabs

Fading Glory

A short film that Alex Patrascu credits as made in LTX Studio, shared alongside a discussion of an LTX Video update.

Tools: LTX Studio

SORA vs VEO 2

Comparison video set in an Italian vineyard, which the post says was generated with both Sora and Veo 2. The post notes that Veo 2 was not yet fully released.

Tools: Sora, Veo 2

Induction heads in language models

Follow an animated token-by-token explanation of how induction heads can copy patterns in language models.

Steve Jobs: an animated life

Watch an illustrated timeline of Steve Jobs’s life and work, told through animated characters and typography.

How Shazam Works

See how Shazam recognizes a song from a short recording through an animated explanation of audio fingerprints.

How a watermill works

Watch water turn a wheel, gears transfer the motion, and millstones grind grain in this animated mechanism.

Wax & Die

Digital wax-stamp designs in several styles, with a live demo and a public code repository. The post says the work was built in one pass with Claude Opus 5.5.

Tools: Claude Opus 5.5

Ocean waves in 3D

Watch a real-time 3D water simulation explore rolling waves and the movement of the ocean surface.

How a jet engine works

Follow a 3D jet engine from intake to exhaust in a visual walkthrough of its internal components.

XVI · The X-Engine

Explore a rare X-16 engine architecture with four cylinder banks and sixteen pistons in 3D.

Black Hole Lensing Lab

Drag a black hole across the line of sight and watch background galaxies bend into arcs and Einstein rings.

Tools: Opus 5.5

Flight Lab — A study in flight

Explore how a wing creates lift and what changes with angle and speed in a hands-on wind tunnel.

Tools: GPT-6 Astra

Inside a File

Turn a dial to take a file apart, from the icon down to bytes and bits on disk.

Tools: Claude Code, three.js

How to Unclench

An interactive essay and field guide to the trainable skill of unclenching.

The Physical Stack Behind AI

Trace the AI compute stack from grid power and data centers to chips, racks and clusters.

Lie Theory: A Visual Introduction

An interactive visual introduction to Lie groups and optimisation on manifolds.

HOME RUN — The Home Loan Game

Play a home-ownership simulation and see whether you can pay off your bond early.

The Point — 3D Gaussian Splatting

An interactive explainer of 3D Gaussian splatting and how photos become navigable 3D scenes.

The watermark is a relationship

See how LLM text watermarks hide weak statistical signals across many tokens.

Tools: SmolLM2-135M-Instruct

How Jev works: calibrated decision models

Explore how decision models return calibrated probabilities in milliseconds.

The Periodic Table of Elements

A planetarium-style interactive periodic table for exploring the elements.

Tools: Claude

Can’t Print the Proof

An animated video about monetary history, shared by Brad Mills with a source-specific Opus 5.5 tool credit.

Tools: Opus 5.5

Convex Explained

Interactive explainers that walk through building with Convex.

SeedSigner Dice → Seed Phrase Walkthrough

Step through how SeedSigner turns dice rolls into a seed phrase.

Five ways a cleaning robot ruins an office

An interactive explainer of the Concrete Problems in AI Safety paper: locate each accident in the pipeline.

New money is never neutral

Follow new money as it enters the economy and see why the order it reaches people matters.

Behind the Click — What happens after you press Enter?

An interactive explainer of what happens after you type a URL and press Enter.

Load Balancing

A bottom-up, animated guide to HTTP load balancing algorithms.

Memory Allocation

A visual introduction to memory allocation.

Hashing

A visual, interactive introduction to hash functions.

Bloom Filters

A visual, interactive guide to what bloom filters are and when to use them.

Turing Machines

An interactive introduction to Turing machines.

Big O

A visual introduction to big O notation.

Reservoir Sampling

Choosing fairly when you do not know how many items you are choosing from.

Markov Chains explained visually

Watch states hop around and tune transition probabilities to see how Markov chains behave.

Image Kernels explained visually

Apply kernels to an image pixel by pixel to see blur, sharpen and edge detection.

Eigenvectors and Eigenvalues explained visually

Drag vectors through a transformation to see which directions only stretch.

Principal Component Analysis explained visually

Rotate and project data to see how PCA finds the axes of greatest variance.

Conditional probability explained visually

Drop balls through shelves to build intuition for conditional probability.

Exponentiation

Explained Visually entry on exponentiation, listed on the series index with a short teaser about growth. The entry page was not fetched.

Sine and Cosine

Explained Visually entry on sine and cosine, listed on the series index with a short teaser. The entry page was not fetched.

Pi (π)

Explained Visually entry on pi, listed on the series index with a short teaser. The entry page was not fetched.

Ordinary Least Squares Regression

Explained Visually entry on ordinary least squares regression, listed on the series index with a teaser about where regression coefficients come from. The entry page was not fetched.

Attention and Augmented Recurrent Neural Networks

A visual overview of neural attention and the extensions of recurrent neural networks (Chris Olah & Shan Carter).

Feature Visualization

How neural networks build up their understanding of images (Olah, Mordvintsev & Schubert).

A Gentle Introduction to Graph Neural Networks

Interactive tour of the components needed to build learning algorithms on graphs.