The Vibeary — tag
playground
11 resources in The Vibeary tagged "playground" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection
Sliderland
Creative coding playground where animations are driven entirely by 64 HTML range sliders and a single mathematical expression.
Pulsar
Micro creative-coding playground where you edit a short expression and switch between classic, hex and triangular tilings to make generative loops.
Animista
Interactive playground for tweaking pre-made CSS animations and copying only the keyframes you configured.
css3playground.com
Long-running collection of CSS experiments and toys covering transforms, filters, gradients and animation edge cases.
shadcn-play
Browser playground for shadcn/ui components with a live editor for previewing and tweaking variants.
ShaderExpo
Browser WebGL shader playground for writing, previewing and sharing fragment shaders used as page backgrounds.
compute.toys
Browser playground for WGSL compute shaders: write, run and publish GPU compute experiments with a public gallery of other people's sketches.
Hypnagogic Quasicrystals
Browser playground for animated quasicrystal interference patterns with tunable tempo, density and palettes, custom shader rendering, and a WebXR mode.
Axis-Praxis
Browser playground for variable fonts: drop in a font file, drive its axes live and copy out the CSS.
Font Playground
Experimental interface for variable fonts with novel axis controls, letting you explore designspace beyond simple sliders.
CSS Flexbox Playground
Interactive sandbox exposing every flex container and item property with live layout preview and copyable generated CSS.