@microkit

A spring-tracked pill light with mirrored edge glows that crossfade as the pointer changes sides.

A dark share pill with a glowing send orb that tracks the pointer and a looping upward text swap.

An input with a clean animated focus treatment.

A delete button that only fires when held: an orange bar fills linearly from left to right as a matching glow builds behind it, snapping back if you let go ear…

An archive button that turns into Undo and lights an orange fuse around its outline; the fuse holds still while you hover it, so the chance to undo only runs o…

A task status icon whose dashed ring closes into a spinning arc, fills to its progress, then draws a check or a cross and strikes the label through.

A checkbox whose fill springs out past the box with a little swell, draws its tick, then strikes the label through and dims it.

Circular social links that trade their icon for a brand-colored arrow and glow on hover.

A number field you drag to scrub and click to type, with a ruler that tracks the gesture.

Social cards with a luminous top rail, a soft brand-colored wash, and matching icons on hover.

A nested menu whose steps blur before they glide aside, while the surface animates to the height of the step arriving.

An icon bar where the chosen tab widens to reveal its label and the rest of the row slides over to make room.

A bordered pill whose leading dot expands into a solid fill while the label swaps for an arrow cue.

A thin empty pill that grows wider and taller off its fixed bottom edge when the surrounding preview is hovered, scaling its actions in one after another with …

A purchase button that opens room for a pixel-wave loader, swaps it for a shield once the payment clears, then resets itself.

One highlight glides from card to card under the pointer, seen only through the cards themselves, so it drains out of one and fills the next.

A pill-shaped call-to-action with an expanding background and arrow icon, adapted from the supplied Webflow export.

A circular arrow and label that resolve into a polished contact pill on hover.

A compact white contact label that shifts upward to reveal muted contact details with an orange accent.

A dark subscribe pill with a rotating highlight that traces its edge on hover.

An orange newsletter pill with a growing dark circle and an arrow that slides in from the left.

An outlined arrow control that expands into a bright Next button on hover.

A text link whose arrow slides in from the left as the label settles into place.

A glowing rail that slides to the active item in a vertical nav — the same indicator powering this site's sidebar.

A text link whose arrow swaps from the right side to an orange leading arrow on hover.

A Projects label paired with an outlined circular arrow that slides through itself on hover.

A dark, fully rounded button whose orange and blue glows follow the cursor.

An outlined pill button with a diagonal arrow that slides through on hover.

A leading icon slides out as an arrow opens in to take its place, trading without changing the button's width.

A magnetic pill button with a bottom-to-top background fill.

A bordered share pill whose label glides right as an orange send icon enters from the left.

A bordered CTA whose orange circle exits right as a directional arrow slides into place.

Hollow stroked lettering that fills with orange behind a rounded bar sweeping left to right.

An outlined pill whose duplicated label swaps vertically on hover.

A borderless View More label that swaps vertically on hover.

A surface-free text interaction with a staggered per-letter upward replacement.

A dark pill with inward orange edge glows and a staggered per-letter upward text swap.

A label that scales up as a warm gradient underline grows across it.

An outlined Preview in browser button that fills with yellow from the left.

A white Get in touch pill whose arrow settles into a black circular control on hover.

A circular CTA whose dark surface expands into an orange fill.

A circular project CTA that reveals its dark base as the inset surface collapses.

A text label that gets a bright surface while an arrow slides in beside it.

An orange outlined pill that fills from a growing circle.

A dimensional pill with gradient text and subtly shifting layered surfaces.

A bright CTA with a soft glow and a moving arrow on hover.

An outlined Talk to us pill that fills with orange and reveals a long arrow.

A pill button whose arrow circle swaps sides while its surface changes color.

A bold orange CTA that inverts into a dark, softly glowing surface on hover.

A compact contact action whose icon turns orange while an underline draws beneath the label.

A compact tab switcher with a sliding active surface and content transition.

A compact tab switcher with an orange underline that glides between labels.

A compact newsletter button that scales and lifts into a soft white glow on hover.

A layered blue download button with a luminous rim, directional shadow, and blended hover bloom.