# Craft

> UI experiments, animations and interactive demos — where ideas get weird.

Each entry has a live preview, a write-up and its full source on its own page.

## Experiments

- [Wave Loader](https://heyaviral.com/craft/wave-loader.md): A save button whose label is its loader - the letters thin into bars that tip like dominoes while it works, then blur into a saved state.
- [Vanish Input](https://heyaviral.com/craft/vanish-input.md): A search field that eats your query - press Enter and the text breaks into pixels that stream back into the magnifier.
- [Generative Grid](https://heyaviral.com/craft/generative-grid.md): A photo that builds itself out of a grid - dashed cuts split the frame, blurry pieces land tile by tile, then the whole thing comes into focus.
- [Record Waveform](https://heyaviral.com/craft/record-waveform.md): A record button with its waveform bent into a ring - tap it and eight dashes open around it, stretching and shrinking like a voice.
- [Process Button](https://heyaviral.com/craft/process-button.md): A button that runs its own progress - start it and a stop button buds off its side like a droplet, then melts back in when the work ends.
- [Peel Button](https://heyaviral.com/craft/peel-button.md): A button that's really a sticker - hover and its corner curls back off the layer underneath, press and it pulls a little further.
- [Copy Tabs](https://heyaviral.com/craft/copy-tabs.md): A copy button split into three tabs - what it holds, what a click does, and that it worked - with only one ever open.
- [Segmented Nav](https://heyaviral.com/craft/segmented-nav.md): A navigation track of ticks - pick one and it stretches into a labeled pill while its neighbors fade out with distance.
- [Quick Switch](https://heyaviral.com/craft/quick-switch.md): A prompt bar with a mode pill - tap it and the icon blurs into the next one while the placeholder rewrites itself letter by letter.
- [Zipper Coupon](https://heyaviral.com/craft/zipper-coupon.md): A coupon pouch sealed with a zip - drag the pull and the fabric peels open along a curve, then the ticket inside pops out.
- [OTP Input](https://heyaviral.com/craft/otp-input.md): A one-time code field where digits spring into place, backspace walks you back and a paste fills it in one go.
- [Cloud Status](https://heyaviral.com/craft/cloud-status.md): A status that drifts up off an avatar - as a thought, puffs rolling into a cloud, or as a message, a bubble whose tail was the puffs all along.
- [Wobble Tabs](https://heyaviral.com/craft/wobble-tabs.md): Tabs that trade width for attention - the chosen one springs open past its own size to let its label in, the last one folds back to an icon.
- [Liquid Input](https://heyaviral.com/craft/liquid-input.md): An input whose surface melts into whatever sits beside it - the gap between them decides if they read as one shape or two.
- [Draggable List](https://heyaviral.com/craft/draggable-list.md): A sortable list where the dragged item lifts with rotation and shadow, and neighbors tilt to signal displacement.
- [Morph Menu](https://heyaviral.com/craft/morph-menu.md): A menu popover that morphs out of its trigger
- [Spring Counter](https://heyaviral.com/craft/spring-counter.md): A counter where digits spring in and out on change.

---

HTML version: https://heyaviral.com/craft · Site overview for agents: https://heyaviral.com/llms.txt