M
henriquegpb/microkit
Aurora Download Buttonaurora-download-buttonA layered blue download button with a luminous rim, directional shadow, and blended hover bloom.
Blur Glide Menublur-glide-menuA nested menu whose steps blur before they glide aside, while the surface animates to the height of the step arriving.
Circle Surface Buttoncircle-surface-buttonA circular CTA whose dark surface expands into an orange fill.
Contact Details Revealcontact-details-revealA compact white contact label that shifts upward to reveal muted contact details with an orange accent.
Contact Reveal Buttoncontact-reveal-buttonA circular arrow and label that resolve into a polished contact pill on hover.
Contact Underline Buttoncontact-underline-buttonA compact contact action whose icon turns orange while an underline draws beneath the label.
Cursor Edge Glow Buttoncursor-edge-glow-buttonA spring-tracked pill light with mirrored edge glows that crossfade as the pointer changes sides.
Cursor Follow Share Buttoncursor-follow-share-buttonA dark share pill with a glowing send orb that tracks the pointer and a looping upward text swap.
Expanding Contact Buttonexpanding-contact-buttonA pill-shaped call-to-action with an expanding background and arrow icon, adapted from the supplied Webflow export.
Expanding Icon Tabsexpanding-icon-tabsAn icon bar where the chosen tab widens to reveal its label and the rest of the row slides over to make room.
Expanding Newsletter Buttonexpanding-newsletter-buttonAn orange newsletter pill with a growing dark circle and an arrow that slides in from the left.
Floating Newsletter Buttonfloating-newsletter-buttonA compact newsletter button that scales and lifts into a soft white glow on hover.
Focus Fieldfocus-inputAn input with a clean animated focus treatment.
Get Started Circle Swapget-started-circle-swapA bordered CTA whose orange circle exits right as a directional arrow slides into place.
Glow Arrow Buttonglow-arrow-buttonA bright CTA with a soft glow and a moving arrow on hover.
Gradient Underline Buttongradient-underline-buttonA label that scales up as a warm gradient underline grows across it.
Icon Swap Buttonicon-swap-buttonA leading icon slides out as an arrow opens in to take its place, trading without changing the button's width.
Inset Circle Buttoninset-circle-buttonA circular project CTA that reveals its dark base as the inset surface collapses.
Layered Gradient Buttonlayered-gradient-buttonA dimensional pill with gradient text and subtly shifting layered surfaces.
Magnetic Fill Buttonmagnetic-fill-buttonA magnetic pill button with a bottom-to-top background fill.
Neon Invert Buttonneon-invert-buttonA bold orange CTA that inverts into a dark, softly glowing surface on hover.
Next Dot Fill Buttonnext-dot-fill-buttonA bordered pill whose leading dot expands into a solid fill while the label swaps for an arrow cue.
Next Reveal Buttonnext-reveal-buttonAn outlined arrow control that expands into a bright Next button on hover.
Orange Circle Fill Buttonorange-circle-fill-buttonAn orange outlined pill that fills from a growing circle.
Outline Wipe Buttonoutline-wipe-buttonHollow stroked lettering that fills with orange behind a rounded bar sweeping left to right.
Preview in Browser Buttonpreview-browser-buttonAn outlined pill button with a diagonal arrow that slides through on hover.
Preview Hover Toolbarpreview-hover-toolbarA 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 label above each.
Pricing Slide Linkpricing-slide-linkA text link whose arrow slides in from the left as the label settles into place.
Project Text Swap Buttonproject-text-swap-buttonAn outlined pill whose duplicated label swaps vertically on hover.
Projects Arrow Buttonprojects-arrow-buttonA Projects label paired with an outlined circular arrow that slides through itself on hover.
Read More Swapread-more-swapA text link whose arrow swaps from the right side to an orange leading arrow on hover.
Secure Purchase Buttonsecure-purchase-buttonA purchase button that opens room for a pixel-wave loader, swaps it for a shield once the payment clears, then resets itself.
See More Swap Buttonsee-more-swap-buttonA pill button whose arrow circle swaps sides while its surface changes color.
Sliding Arrow Labelsliding-arrow-labelA text label that gets a bright surface while an arrow slides in beside it.
Sliding Content Tabssliding-content-tabsA compact tab switcher with a sliding active surface and content transition.
Sliding Send Buttonsliding-send-buttonA bordered share pill whose label glides right as an orange send icon enters from the left.
Sliding Underline Tabssliding-underline-tabsA compact tab switcher with an orange underline that glides between labels.
Social Highlight Cardssocial-highlight-cardsSocial cards with a luminous top rail, a soft brand-colored wash, and matching icons on hover.
Social Icon Buttonssocial-icon-buttonsCircular social links that trade their icon for a brand-colored arrow and glow on hover.
Spotlight Indicatorspotlight-indicatorA glowing rail that slides to the active item in a vertical nav — the same indicator powering this site's sidebar.
Staggered Letter Glow Buttonstaggered-letter-glow-buttonA dark pill with inward orange edge glows and a staggered per-letter upward text swap.
Staggered Letter Text Swapstaggered-letter-text-swapA surface-free text interaction with a staggered per-letter upward replacement.
Subscribe Shine Buttonsubscribe-shine-buttonA dark subscribe pill with a rotating highlight that traces its edge on hover.
Talk Arrow Reveal Buttontalk-arrow-reveal-buttonAn outlined Talk to us pill that fills with orange and reveals a long arrow.
View More Text Swapview-more-text-swapA borderless View More label that swaps vertically on hover.
What's New Glow Buttonwhats-new-glow-buttonA dark, fully rounded button whose orange and blue glows follow the cursor.
White Contact Orbit Buttonwhite-contact-orbit-buttonA white Get in touch pill whose arrow settles into a black circular control on hover.
Yellow Fill Preview Buttonyellow-fill-preview-buttonAn outlined Preview in browser button that fills with yellow from the left.