Flexbox Froggy: learn CSS Flexbox through play
A free browser game with 24 CSS puzzles. Guide frogs onto their lily pads while learning flex alignment, item order, direction and wrapping.
Resources
Discover useful things. Build your library. Share your finds.
All resources 5
Art Gallery — generative watercolor paintings and Studio
A gallery of self-painting watercolor studies with a browser Studio for adjusting palettes, variations and painting parameters. Free for non-commercial use under the stated license.
generative.graphics — geometric pattern generator
Create moving geometric compositions with grid, noise, shape and color controls, plus PNG and WebM export.
Paperlab: interactive 3D paper for the web
A free browser editor and React library for 3D paper effects, including folds, unrolling, peeling, animated galleries and spatial scenes.
AI Particle Simulator — 3D particle compositions
Casberry’s browser simulator for exploring particle formations, text, 3D shapes and custom motion logic.