# Vault

Visuals you can watch here and install as agent skills. Each one installs on its own, with one command.

- [Warp type](https://design.how/vault/warp-type.md): Six short sentences, half a second each, where the verb bends its own letters.
- [Flip type](https://design.how/vault/flip-type.md): One bold word that keeps becoming the next, each letter falling to a new row through a few random glyphs.
- [Cloud type](https://design.how/vault/cloud-type.md): A line of white type that blows in as cloud, sharpens letter by letter, then lifts away as cloud again.
- [Eclipse grid](https://design.how/vault/eclipse-grid.md): Eighty rings sliding off the discs they hide, each on its own beat; the pointer is the lamp.
- [Shutter type](https://design.how/vault/shutter-type.md): Two lines of type through a rolling shutter: whatever moves tears into bands, whatever is still stays whole.
- [Pop type](https://design.how/vault/pop-type.md): Motion drops in letter by letter, squashes as it lands, swells like a balloon and pops.
- [Misprint type](https://design.how/vault/misprint-type.md): HOLD ON, two prints that never register; press and hold to pull them together.
- [Verb type](https://design.how/vault/verb-type.md): Five words, each acting out its own verb in its own colours, cut hard.
- [Ripple grid](https://design.how/vault/ripple-grid.md): A lattice of soft blobs that blooms into rings, twists and settles back to a grid.
- [Flood type](https://design.how/vault/flood-type.md): A two-line word that falls in, floods the frame and tumbles out.
- [Phase table](https://design.how/vault/phase-table.md): A four by six table of closed harmonic curves, lit as steel wire, breathing on one shared phase.
- [Swing type](https://design.how/vault/swing-type.md): Huge letters swinging past a fixed window, turning edge-on so the word never assembles.
- [Spray burst](https://design.how/vault/spray-burst.md): A screenprint that reprints itself every three seconds, every edge a boiling spray of dots.
- [Rush type](https://design.how/vault/rush-type.md): A word rests, then blasts toward you and tears into streaks of coloured light before the next one lands.
- [Ink flood](https://design.how/vault/ink-flood.md): A pen writes a fat scribble, the scribble floods the frame, and its ink becomes the ground the next one is written on.
- [Bond type](https://design.how/vault/bond-type.md): Two words in a pixel face that unfold into a molecule, pixel bonds joining each letter to the next.
- [Dash cascade](https://design.how/vault/dash-cascade.md): Three-letter words built from fat scanline dashes, unfurling out of a dotted line and folding back.
- [Wild type](https://design.how/vault/wild-type.md): A design word types itself in, goes wild through one warp field, collapses home and un-types.
- [Loud burst](https://design.how/vault/loud-burst.md): A sentence types itself in, one word heats up and bursts into coloured darts, and the line is thrown off the sides.
- [Stamp type](https://design.how/vault/stamp-type.md): Four lines on highlight bars hop in, park and scatter, each leaving blocks of flat colour behind.
- [Flower lattice](https://design.how/vault/flower-lattice.md): A row of two-colour flowers that blink in unison, stepping at 12 frames a second behind a heavy frame.
- [Reality split](https://design.how/vault/reality-split.md): A selected word splits into letter objects, scatters, is inspected letter by letter at huge scale, and pops back whole.
- [Checker conveyor](https://design.how/vault/checker-conveyor.md): Nine rows of checker cells whip sideways one after another, and each pulse carries in the next scene.
- [Glass type](https://design.how/vault/glass-type.md): Black serif type moving through one glass lens with a ripple in it, in three scenes that take turns.
- [Sunset slam](https://design.how/vault/sunset-slam.md): A word squashes, slams forward into an extruded retro logo trailing a fan of dawn colour, cools to a sticker and unwinds.
- [Orbit](https://design.how/vault/orbit.md): Twenty-six labelled cursors ride an invisible sphere around a thin breathing ring, and the sphere can be thrown.
- [Word carousel](https://design.how/vault/word-carousel.md): Four words on a three-slot conveyor that slams one slot left every half second, with a fourth hidden tiny behind the big one.
- [Slide stack](https://design.how/vault/slide-stack.md): Five dark blocks slide between two stops a beat out of step, and the orange behind them is traced from where they are.
- [Spike type](https://design.how/vault/spike-type.md): A word knocked out of a pale ground, its edge chewed ragged and bristling with hundreds of hand-drawn spikes.
- [Dot globe](https://design.how/vault/dot-globe.md): Three rounded-cube solids tiled with rounded squares, rocking together, a bright symbol painted on them and handed along the row.
- [Pixel threshold](https://design.how/vault/pixel-threshold.md): A word printed into a flat colour poster in hard pixel blocks, collapsing and resolving into the next word.
- [Code trail](https://design.how/vault/code-trail.md): A staircase of code fragments on clashing coloured bars that trails the pointer.
- [Holo](https://design.how/vault/holo.md): An identity card that tilts in 3D while a holographic foil slides over it and the picture flips its colours.
- [Glitch word](https://design.how/vault/glitch-word.md): A word in a bright badge that tears into shoved bands in short bursts.
- [Datamosh](https://design.how/vault/datamosh.md): Columns of saturated colour that fall, snap open through the middle and squeeze shut, like a broken video decode.
- [AI lights](https://design.how/vault/ai-lights.md): One body that becomes four agent UI components in turn, each announced by a pulse of light around its rim.
- [Pixel brushes](https://design.how/vault/pixel-brushes.md): A brush is one small shape stamped along a path, and five numbers turn it into a crisp line or a loose spray.
- [Voice wave](https://design.how/vault/voice-wave.md): A ribbon of light that moves like a voice and splits into colour where it bends, and can listen to yours.
- [Fade motion](https://design.how/vault/fade-motion.md): A pixel word trailing into light, its fade built from two hundred overlapping copies.
- [Dot cut](https://design.how/vault/dot-cut.md): A dense grid of touching circles with a letter or a pattern cut out of it as negative space.
- [Liquid UI](https://design.how/vault/liquid-ui.md): Cards that fuse where they meet, the corner between them curving inward like poured liquid.
- [Kinetic typography](https://design.how/vault/kinetic-typography.md): One heavy letter cut into a grid of tiles, each slipping on its own wave, so the letter ripples like cloth.
- [Liquid metal](https://design.how/vault/liquid-metal.md): One word as flowing polished metal on black, its reflection streaming as the pointer moves.
- [Folder embroidery](https://design.how/vault/folder-embroidery.md): Three embroidered word patches stitched onto cloth, with a glint on hover and a press that springs back.
- [Smooth corners](https://design.how/vault/squircle.md): A glossy button whose corners are a superellipse that flows into the edge with no kink.
- [Badge trail](https://design.how/vault/badge-trail.md): Tiny coloured badges of design terms that slam in behind the pointer and flick away.
- [Blur glow](https://design.how/vault/blur-glow.md): A crisp rounded word in a soft gradient-mapped glow on light paper, dissolving into the next word and colour.
- [Text reveal](https://design.how/vault/text-reveal.md): Two small serif text blocks that un-blur into focus through a cloudy mask, corner by corner, then clear and return.
- [Ransom note](https://design.how/vault/ransom-note.md): Short phrases spelled in mismatched paper scraps that rise in one by one, hold and lift away.
- [Brick reveal](https://design.how/vault/brick-reveal.md): A picture restyled as toy bricks, voxels and a cartoon that peels back to the plain picture behind the pointer.
- [Chromatic glow](https://design.how/vault/chroma-glow.md): A word that glows on a coloured wall and splits into warm and cool copies at its edges.
- [Realistic emboss](https://design.how/vault/emboss.md): Words and shapes pressed hard into tinted plaster, with the light catching every edge.
- [Blur reveal](https://design.how/vault/blur-reveal.md): Coloured panels in turn, each short line dissolving in out of a blur and drifting into focus.
- [Word stickers](https://design.how/vault/word-stickers.md): Die-cut word stickers that pop in one by one, peel up when grabbed and fling with momentum.
- [Design tiles](https://design.how/vault/design-tiles.md): A short sentence as words on bold colour fields, packed into one bar, each field stepped to its letters.
- [Image sphere](https://design.how/vault/image-sphere.md): A cloud of photos on an invisible sphere that drifts, spins on a drag and opens one on a click.
- [Crystal cluster](https://design.how/vault/crystal-cluster.md): A gold-outlined crystal cluster floating in a flickering gold beam of light.
- [Cursors](https://design.how/vault/cursors.md): Three labelled collaborator cursors orbit a frosted-glass word and scatter from your pointer.
- [Typer](https://design.how/vault/typer.md): A line that types itself in, each letter flickering through pills and highlights before it lands.
- [Image galaxy](https://design.how/vault/image-galaxy.md): Small photographs drifting through a perspective field, growing as they fall and wrapping forever.
- [Colour depth](https://design.how/vault/color-depth.md): Buttons that look like real objects, glossy or lit from inside, from gradients and inset shadows alone.
- [ASCII particle word](https://design.how/vault/ascii-field.md): A word made of drifting particles and printed as ASCII glyphs that scatter from the pointer.
- [Pixel cycle](https://design.how/vault/pixel-cycle.md): One character at a time, breaking into big blocks and resolving sharp, then swapped for the next.
- [Ghosty reveal](https://design.how/vault/ghosty-reveal.md): Photographs that bleed in and out of view through a soft, cloudy mask, like forming out of fog.
- [Symbols effect](https://design.how/vault/sandbox.md): A live halftone that rebuilds a clip from small tinted symbols, one per brightness band.
- [Pixel scan](https://design.how/vault/pixel-scan.md): A diagonal band assembles a word out of a spray of tiny blocks, then a pool of blocks follows the pointer.
- [Peak gradient](https://design.how/vault/peak-gradient.md): A soft rainbow glow of blurred columns that rises from the floor, tallest in the middle.
- [Pixel fire](https://design.how/vault/pixel-fire.md): A 16 by 16 pixel-art fire on a block, where the pointer moves the real pixels and a tap blows it out.
- [Vector editor](https://design.how/vault/vector-editor.md): A design tool's selected-layer look for the web: a blue frame, corner handles, a size badge and a live bezier rig.
- [Tile field](https://design.how/vault/tile-field.md): A word made of tiny tiles, lit by a slow colour wave and a soft pointer light that leaves a wake.
- [Hover video button](https://design.how/vault/hover-video.md): Pill buttons that swap themselves for a short clip of their label puffing up into glossy letters.
- [ASCII swirl](https://design.how/vault/ascii-swirl.md): A whirlpool of monospace text that condenses into a word in ASCII art, under a soft CRT pass.

Last updated: 2026-11-02