Small interaction patterns and component ideas, built in the browser. Each one is live, so go ahead and poke it.
A button that resizes smoothly as its label and icon change. A hidden copy of the next state is measured, the width animates to it, and the icon and label slide through clipped cells while the old ones pop out of the layout. Click it to step through the states.
Type that resolves out of random glyphs, one letter at a time. The unresolved letters keep flickering in a faded monospace, and a hidden copy of the final text holds the width so the line never jumps. It's the same effect as the name at the top of the home page.
A light and dark toggle whose icon spins and unblurs into place while the page eases between palettes. The whole preview is drawn in em, so a single font-size scales it. Click the page to switch it.