a bench for UI problems

Each experiment is a working page you can tune by hand, built on a component you can lift straight into a product.

Smoothinghidesthebursts.Texteasesinawordatatime

Streaming text

Raw tokens land in jumpy bursts. A smoothed stream buffers them and eases text in by character, word or line.

One masked blur ghosts halfway down. Stacked layers fade smoothly from sharp to soft. Tune the curve and copy the code.

Start a new experiment from the template. It adds a page, a preview and a card here.

npm run new sticky-header

Then build in app/experiments/sticky-header. Anything worth reusing goes in components/.