Vibeset components

Live effects and pieces you can play with: move the knobs and copy the code with your values. Two different things live here, and it is worth knowing: pieces you copy that work on their own, and the odd recipe that teaches a technique. House code is MIT; the effects by canvasui and arlan are credited and linked to their author.

Canvas & WebGL

• Cloth your HTML hanging on fabric in the wind
• Dithered Object 1-bit dithered 3D object
• ASCII Object 3D object drawn with letters

Pointer

• Bubble glass droplet trailing the cursor
• Asciify lens that redraws the page as ASCII
• Peel the page peels back like a sticker

Scroll

• Bend the page scrolls on the face of a cube
• Laser content prints in from behind a beam
• Particle Scroll the page dissolves into sand
• Matryoshka parallax the scroll moves a camera, not the page

Type

• Chromatic Glow neon word with a rainbow edge
• Realistic Emboss a word pressed into a wall

Interface

• Color Depth ten materials for one button
• Sliding pill header a single pill travels to the item you point at
• FAQ accordion one open at a time, and the answer is always in the HTML