A ⌘K palette with live filtering, grouped results and a highlight that glides between them.
11 components
React Components for Developer Tools and Docs
Developer products have their own vocabulary: install commands, terminal output, keyboard shortcuts, build status and code that needs explaining. These React components cover it, from a copy button and keycaps that press with your keyboard to an animated terminal, a step-by-step code walkthrough, a contribution graph and a live deploy pipeline. They suit docs sites, CLI and API landing pages, dashboards and changelogs, and every one works with a keyboard and a screen reader.
Command CentrePlus
A ⌘K command palette with recent actions, fuzzy search across pages and commands, and scope tabs.
One-time-code boxes where each digit pops in, with paste and phone autofill built in.
A copy-to-clipboard button whose clipboard icon spins into a drawn tick while the label swaps to Copied, without the button changing width.
Keycaps for a keyboard shortcut that press down when you hold the real keys, for command menu hints, docs and onboarding.
A live status indicator for services and deploys: the dot blends between colours and pulses softly only when something needs attention.
An install command in npm, pnpm, yarn and bun, with a sliding pill, a copy button and a choice that follows to every block on the page.
A terminal that plays a session on view: commands type with a human rhythm, output prints and spinners resolve into ticks, then it offers a replay.
Code WalkthroughPlus
Explains code step by step: pick a step and a highlight band springs to its lines, the rest dim, and the panel scrolls them into view.
A year of activity as a grid of days, like a GitHub profile, that fills in week by week on view and reads any day in a tooltip.
Deploy PipelinePlus
Build, test and deploy steps run in turn with live timers and a filling line, ending on a pulsing Live badge or a clear failure with a retry.