React UI Components

A round seal — the phrase fitted exactly around the circle with drawn dot separators — that turns once every 24 seconds, eases to a stop on hover, and is the link.

Pick a day, pick a time, confirm — with honest availability, a real keyboard grid, and a WhatsApp or email request mode for shops with no booking system.

A phone bottom bar with Call, Directions and Book — that appears once the hero's CTA has gone, and steps aside for the footer, a focused field and the keyboard.

A sticky section nav whose items fill like progress bars as you read — and still reaches the short last section that fixed-line navs never activate.

A label that rolls letter by letter to a second copy, rippling outward from wherever your pointer came in — and settling back toward where it left.

A full-screen menu set like a printed index — numbered entries in heavy type, and a treated photo plate that wipes in the direction you travel.

A fill that wipes in from the edge your pointer crossed and leaves by the one you exit — the label inverts letter by letter as the edge passes through it.

A small-business header that says whether the shop is open right now — computed in the shop's timezone, with overnight hours and split shifts handled.

Records a keyboard chord by physical key position, and refuses the ones the browser owns.

A one-time-code field whose cells survive SMS autofill, paste and Android backspace.

A button that survives a real round trip — a minimum pending duration, a width that never twitches, aria-disabled instead of disabled.

A nav that measures itself and collapses what does not fit into a More menu — ghost-row measurement, no breakpoints, no flicker loop.

Pulls a genuinely distinct palette out of a photograph by median cut — splitting on channel spread, not on population, sorted by relative luminance.

A signature pad with real variable-width ink — pen pressure where it exists, velocity everywhere else, coalesced samples and midpoint quadratics.

Picks a readable foreground from real relative luminance, and reports all three WCAG thresholds instead of one badge.

A split view with pointer capture, pixel minimums resolved against real width, and a separator you can actually tab to.

An instant-feedback control with the parts everyone skips: request sequencing and a rollback that restores the right value.

An inline micro-chart you sweep to read exact values, with monotone interpolation that never invents a peak.

A numeric input whose label you drag to scrub, with pointer lock and precision modifiers.

A destructive action that requires sustained pressure, with a ring that fills on an ease-in curve.

A team ring that redistributes at any size, lifting the hovered member out.

A segmented control where only the selected option expands to its label.

An SVG arc gauge with a needle and a readout that counts to its value.

A nav underline that stretches with the distance it travels and settles back to width.

Glass rather than frost: saturated backdrop, bent edges and a tracking specular rim.

A radial menu that fans actions along an arc, evenly spaced at any count.

A card that tilts toward the pointer with a true angular specular sweep.

A media scrubber with buffered range, hover timestamp and pointer-capture dragging.

Subsequence search that scores by run length and word starts, and highlights the hits.

A status pill that resizes itself fluidly around whatever content it holds.

A button whose outline draws itself around the shape on hover, at any size.

A cursor dot that latches onto interactive elements and takes their exact shape.

A glass lens that follows the pointer and magnifies the live DOM beneath it.

A contextual chip that trails the pointer and names whatever it is over.

A drafting-tool crosshair with live X/Y coordinates that trails the pointer.

A button whose label leans toward the cursor with a springy pull.

A 3D card that tilts toward the cursor with spring physics.

An infinite scrolling strip of words or logos that pauses when you hover it.

A button that scatters a quick burst of confetti particles on click.

An SVG progress ring whose fill and centered percentage count up together on scroll into view.

A custom-styled slider with a drag handle and a value tooltip while dragging.

A card that flips on a real Y-axis rotation to reveal a back face.

A macOS-style dock where icons magnify based on real distance from the cursor.

A checkbox whose checkmark draws itself in as a real SVG path animation.

A draggable before/after divider that reveals one image over another.

A Material-style ripple that expands from the exact click point.

A text input whose label floats from placeholder position into a caption on focus.

A tab row where the active-state highlight slides between tabs instead of popping.

A three-line menu icon that morphs smoothly into an X.

A search icon that smoothly expands into a full text input on click.

A 5-star rating control with hover preview and a springy fill pop.

A monthly/yearly billing switch with the price sliding to its new value.

A real drag-and-drop file zone with a live dragover state and file chips.

An iOS-style pill switch whose highlight slides between options.

A track+thumb switch whose icon morphs between a sun and a crescent moon.

A share icon that expands into a row of social options with a copy-link state.

An icon badge counter that bounces and pings once on every increment.

A searchable table with three-state column sorting and a real loading skeleton.

A click-twice range calendar with a live hover preview and quick presets.

A recursive, collapsible file tree with real roving-tabindex arrow-key navigation.

A keyboard-driven spreadsheet grid with roving-cell navigation and Excel-style Enter/Tab commits.

A chip-and-search combobox with full keyboard control and a selection cap.

A validated wizard with per-step gating, an editable review step, and a real success state.

A Cmd+K menu with real submenu drilling, a breadcrumb trail, and scoped per-level search.

A read/unread notification list with filtering, bulk actions, and a real empty state.

An expandable setup checklist with a real derived progress bar and a completion state.

A live estimator with real marginal-tier overage pricing and an annual discount toggle.