All components

Text waits in the dark until a soft, grainy cone of light passes over it — or reveals a hidden line in x-ray mode.

Ghost copies converge into the word as it arrives and fan out on hover — or stack as an outlined type poster.

A glass lens follows the pointer — letters inside are crisply magnified, with a faint colour fringe at the rim.

Direction-aware link underlines — they draw in from the side you enter and leave toward the side you exit.

A die-cut sticker headline that lifts on hover while its corner peels back to show the shaded underside.

A single glossy glint crosses the text every few seconds; hover and the light follows your pointer.

Infinite text rows with faded edges that bend like a ribbon with scroll speed and slow to a crawl on hover.

Letters swell, widen and open up under the pointer, then settle back with a jelly bounce.

Each letter opens through its own circular aperture, rippling outward from wherever your pointer enters.

A line of text runs continuously around a card's border — faster on hover, brightest near your pointer.

Button and link labels roll letter by letter on hover — in the direction the pointer entered.

Text resolves left to right out of its own shifting letters — hover any word to decode it again.

A grid shaded by value that cascades in diagonally, with a row-and-column crosshair on hover — an electrified dot grid with twinkling four-point sparks.

Attached skills drop in from above and ride as a deck tucked behind the composer, fanning out on hover

Plates stacked in isometric view, one per layer of your product, drawn in SVG with no 3D library. The stack opens, lights each layer in turn and closes again. Hover a plate to hold it. Labels hide on their own in narrow tiles.

Notifications that pile up like a deck: each new one springs in at the front while older ones step back. Hover to fan the stack out, swipe the front one away, and watch the unread count roll.

Personal data that encrypts and decrypts in place. Every character shuffles through cipher glyphs in a wave while a lock snaps shut. Hover to peek at the plain text, or click to flip it.

A padlock built on a pixel grid. Its cells flicker into place, the shackle drops shut with a bounce and a wave of light bursts out across the grid, and a scan line sweeps the body. Then it opens, dissolves and builds again. Hover to open it.

The server rack row as an isometric 3D model: black cabinets on a raised floor, a gold cable bed overhead and a cooling manifold across the tops. Hover or pick a rack to slide a compute tray out and swing its door open.

A row of AI server racks seen straight on: black cabinets, champagne-gold compute trays, mesh doors and warm light in the dark. Racks power up as it scrolls in and tray lights ripple; hover or pick a rack to light it up.

A dotted world map where signups, upgrades, payments and deploys pop up as they happen, with a live feed beside it. Hover a row to find it on the map. Pass your own events or let it simulate; it pauses off screen and has a pause button.

Two rows of logos scrolling in opposite directions. Pauses on hover, on focus and off screen.

Customer logos that each show a one-line quote on hover, focus or tap.

Wedges with thin gaps that sweep in clockwise; hovering pops a wedge outward — soft gradient fills that fade into the floor.

Wedges with thin gaps that sweep in clockwise; hovering pops a wedge outward — hairline outlines over a faint tint.

A ring or semi-circle gauge of rounded segments that sweep in one after another, with the hovered value in the middle — soft gradient fills that fade into the floor.

A ring or semi-circle gauge of rounded segments that sweep in one after another, with the hovered value in the middle — hairline outlines over a faint tint.

A grid shaded by value that cascades in diagonally, with a row-and-column crosshair on hover — soft gradient fills that fade into the floor.

Points or bubbles that pop in left to right on a dashed grid; hovering finds the nearest point and drops guides to both axes — soft gradient fills that fade into the floor.

Points or bubbles that pop in left to right on a dashed grid; hovering finds the nearest point and drops guides to both axes — hairline outlines over a faint tint.

Columns and a smooth line on their own axes; columns spring up, then the line draws across them, and hovering lists both — soft gradient fills that fade into the floor.

Columns and a smooth line on their own axes; columns spring up, then the line draws across them, and hovering lists both — hairline outlines over a faint tint.

Open, high, low and close per period with volume underneath; candles open from their midpoint, and hovering draws a crosshair and tags the close — soft gradient fills that fade into the floor.

Open, high, low and close per period with volume underneath; candles open from their midpoint, and hovering draws a crosshair and tags the close — hairline outlines over a faint tint.

Tiles sized by value and laid out squarified, settling in largest first with labels where they fit; hovering shows the value and share — soft gradient fills that fade into the floor.

Tiles sized by value and laid out squarified, settling in largest first with labels where they fit; hovering shows the value and share — hairline outlines over a faint tint.

Shares of a whole as a grid of squares, one per percent, filling column by column with a legend beside; hovering lifts one category — soft gradient fills that fade into the floor.

Shares of a whole as a grid of squares, one per percent, filling column by column with a legend beside; hovering lifts one category — hairline outlines over a faint tint.

Nodes stacked in columns by what flows through them, with ribbons revealed left to right; hovering a ribbon or node picks out its flows — soft gradient fills that fade into the floor.

Nodes stacked in columns by what flows through them, with ribbons revealed left to right; hovering a ribbon or node picks out its flows — hairline outlines over a faint tint.