@lloydhumphreys/components

A shadcn-compatible component registry.

• scroll-rail

  A dependency-free scroll-position navigation rail: ticks pinned to one edge of a scroll container, with hover previews and click-to-scroll.

  Demo · Registry JSON
  
  npx shadcn@latest add https://lloydhumphreys.github.io/components/r/scroll-rail.json
• workflow-buttonExperimental

  A split button that drives an entity through workflow stages: the primary advances one step (re-labelling per stage), the caret menu jumps anywhere the flow allows. Reachability is a predicate — DAG / one-way flows in a line. Experimental — the API will change.

  Demo · Registry JSON
  
  npx shadcn@latest add https://lloydhumphreys.github.io/components/r/workflow-button.json
• workflow-button-shadcnExperimental

  The same workflow control composed from your app's actual shadcn <Button> + <DropdownMenu> — ReactNode icons and custom content, identical variants/theming. Pulls in button and dropdown-menu automatically.

  Registry JSON
  
  npx shadcn@latest add https://lloydhumphreys.github.io/components/r/workflow-button-shadcn.json
• slide-stepper

  An auto-advancing slide progress pill, stories-style: the active dot stretches into a bar that fills over a timer, clips to N dots as a centered tape counter, detached pause/replay circle, optional crossfade carousel. Headless engine + vanilla pill + React wrappers with a useSlideStepper hook.

  Demo · Registry JSON
  
  npx shadcn@latest add https://lloydhumphreys.github.io/components/r/slide-stepper.json
• slide-stepper-shadcn

  The same stepper composed shadcn-natively — Tailwind theme tokens, shadcn <Button> pause circle, lucide icons, cn. Hook + pill + carousel, self-contained in one file. Pulls in button automatically.

  Registry JSON
  
  npx shadcn@latest add https://lloydhumphreys.github.io/components/r/slide-stepper-shadcn.json
• stepsExperimental

  A 1-2-3-4 wizard step indicator: numbered markers with connector lines, per-step titles, the active step's description revealed in place. Forward progress is earned via next(), reached steps stay clickable to jump back, and a narrow container collapses the horizontal variant to markers + a centered title-and-description summary (pure container query). Headless engine + vanilla indicator + React wrapper with a useSteps hook. Experimental — the API will change.

  Demo · Registry JSON
  
  npx shadcn@latest add https://lloydhumphreys.github.io/components/r/steps.json
• steps-shadcnExperimental

  The same step indicator composed shadcn-natively — Tailwind theme tokens, lucide status icons, cn, ReactNode per-step icons, Tailwind v4 container queries for the collapse. Hook + indicator, self-contained in one file.

  Registry JSON
  
  npx shadcn@latest add https://lloydhumphreys.github.io/components/r/steps-shadcn.json
• social-postExperimental

  A themeable, platform-neutral social post embed: quote a post from any network and it renders as one uniform card — no brand chrome, all data passed as props. @mentions/#hashtags/URLs tinted as inert spans, a 1–4 image grid in one fixed 16:9 frame, silhouette avatar fallback, outline and filled-gray variants, and a single "Source" link under a full-bleed hairline. Vanilla core + React wrapper. Experimental — the API will change.

  Demo · Registry JSON
  
  npx shadcn@latest add https://lloydhumphreys.github.io/components/r/social-post.json
• social-post-shadcnExperimental

  The same card composed shadcn-natively — your app's actual <Avatar> (installed as a registry dep), Tailwind theme tokens, lucide icons; compound SocialPost parts, self-contained in one file.

  Registry JSON
  
  npx shadcn@latest add https://lloydhumphreys.github.io/components/r/social-post-shadcn.json