The Vibeary — tag
interactive
34 resources in The Vibeary tagged "interactive" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

An Interactive Guide to CSS Grid
Illustrated walkthrough of grid with manipulable demos covering implicit tracks, alignment, subgrid and the fr unit.

An Interactive Guide to Flexbox
Long-form tutorial with live editable demos explaining flexbox's algorithm, hypothetical sizes, and why flex-basis differs from width.

Whimsical Animations
Interactive course and playground on building playful, physical web animations, with runnable demos throughout.

Unicorn Studio
No-code editor for building interactive WebGL scenes and effects and embedding them on any website.

The Evolution of Trust
Playable game-theory explainer teaching repeated prisoner's dilemma strategies through interactive tournaments you run and tweak yourself.

Explorable Explanations
Hub collecting interactive playable essays and learning-through-play experiences from artists, coders and educators.

The Pudding
Visual essay publication combining data journalism with bespoke scrollytelling interactions; most projects open-source their code.

Red Blob Games
Interactive visual explanations of game algorithms: A* pathfinding, hex grids, field of view, noise-based map generation, Voronoi.

treeviz
Small library for rendering customisable interactive tree diagrams from JSON with collapsible nodes.

Rive
Vector animation editor with a state-machine runtime, so animations respond to app state and input rather than replaying linearly.

Decker
Multimedia sketchpad in the HyperCard tradition for building interactive documents, toys and games with a 1-bit aesthetic.

Holosticker
Browser studio that turns artwork into holographic foil stickers with interactive tilt-reactive shine.

Spline
Browser-based 3D design tool with materials, physics, particles and export to React, Next.js, Swift and Kotlin.

Radiant
Collection of 130+ production-ready web shaders, each a self-contained HTML file with no build step, dependencies or bundler.

A Primer on Bézier Curves
Free interactive book covering Bézier math, de Casteljau, offsetting, intersection, arc approximation and curve fitting.

cables.gl
Node-based visual programming environment for building interactive WebGL scenes and exporting them as embeddable pages.

Interactive SVG Animations
Interactive mini-course teaching SVG animation techniques with editable inline examples.

The Magnificent 2D Matrix
Single-page interactive toy where dragging a 2D transformation matrix's values shows their geometric effect in real time.

Complexity Explorables
Forty-plus interactive simulations of complex systems: flocking, epidemics, Ising models, opinion dynamics and reaction-diffusion.

The Book of Shaders
Chapter-by-chapter guide to fragment shaders with a live GLSL editor embedded in every example.
Softie
WebGPU slime you poke, knead and lift with springy physics, color presets and squish audio in the browser.
SOUND TERRARIUM
Tiny living world where microphone bands raise the terrain while real-world time, weather and moon phase shape the sky — browser port of a Cardputer toy.
Newton's Orchard
Browser gravity playground with deterministic time scrubbing, fully editable bodies, preset solar systems, unlockable missions and a user-submission gallery.
Sylva
Complete landing page built around a procedural, pointer-responsive Three.js moss world, with liquid-metal panels and editorial layout, source on GitHub.
ModelMap
Generates interactive animated architecture diagrams for any Hugging Face model, showing layers and tensor flow you can step through.
Fragment Foundry
Interactive scrollable fragment-shader tutorial where the shader recompiles live as you edit inline code.
Amelia Wattenberger
Essays on interface design and tools for thought, each built as its own custom interactive artifact.
Matrix Multiplication
One-page animated visualiser that walks through matrix multiplication step by step with your own input values.
Immersive Math
Fully interactive linear algebra textbook where every figure is a manipulable 3D or 2D visualisation.
Explained Visually
Interactive explanations of statistics and linear algebra: eigenvectors, PCA, Markov chains, image kernels and least squares.
MyPhysicsLab
Library of real-time physics simulations — pendulums, springs, collisions — with editable parameters and published equations.
Pixel Shaders
Unfinished but excellent interactive book introducing graphics programming through progressively edited fragment shaders.
ciechanow.ski
Interactive articles explaining science and engineering — lenses, GPS, gears, sound, mechanical watches — with manipulable inline simulations.
Dygraphs
Interactive time-series chart library built for hundreds of thousands of points with range selectors, synchronisation and error bands.