@moumenlab

A small lab of the components we build every day, rethought for better feel.

14 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗ clone source (14 .json) ↗ clone brief (PROMPT.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://lab.moumen.dev/r/registry.json

pnpm pnpm dlx shadcn@latest add https://lab.moumen.dev/r/registry.json

bun bunx shadcn@latest add https://lab.moumen.dev/r/registry.json

fetch registry curl -s https://lab.moumen.dev/r/registry.json

Components

14 total

Lab Theme theme

Shared design tokens (easings, shadow-border ring, and keyframes) every moumenlab component builds on.

npx shadcn@latest add https://lab.moumen.dev/r/lab-theme.json

Unlimited Nested Menu component

A dropdown where each branch morphs into a stacked sub-panel, no depth limit, fully keyboard driven.

npx shadcn@latest add https://lab.moumen.dev/r/unlimited-nested-menu.json

Ticket Number Ticker component

An odometer that runs digits up on tabular-nums and middle-truncates long ids to start…end, with an optional GitHub PR status badge.

npx shadcn@latest add https://lab.moumen.dev/r/ticket-number-ticker.json

File Upload Staging Area component

Per-tile interruptible upload state machines with capped concurrency and a layout-glide grid reflow.

npx shadcn@latest add https://lab.moumen.dev/r/file-upload-staging.json

Schedule Builder component

A recurrence rule as a live English sentence over real occurrences, with month-end and DST traps.

npx shadcn@latest add https://lab.moumen.dev/r/schedule-builder.json

OTP Segmented Input component

Six cells that are secretly one real input, with native selection driving the active cell.

npx shadcn@latest add https://lab.moumen.dev/r/otp-segmented-input.json

Share & Permissions Popover component

A three-view floating surface that morphs on both axes with a focus trap surviving the swaps.

npx shadcn@latest add https://lab.moumen.dev/r/share-permissions-popover.json

Command Palette with Argument Chips component

Commands that take inline argument chips, fuzzy ranking, and a measured height morph.

npx shadcn@latest add https://lab.moumen.dev/r/command-palette.json

Morphing Checkout Flow component

A three-step card payment with a height:auto illusion, caret-safe masking, a 3D flip, and a FLIP pay button.

npx shadcn@latest add https://lab.moumen.dev/r/morphing-checkout.json

Search-Expand Navigation Bar component

A nav bar that expands into a search field then grows into a recent-searches card.

npx shadcn@latest add https://lab.moumen.dev/r/search-expand-nav.json

Drag-to-Reorder List component

A reorderable list where siblings glide one slot and the drop plays a FLIP, keyboard included.

npx shadcn@latest add https://lab.moumen.dev/r/drag-to-reorder-list.json

Caret-Anchored Mention Popover component

An @-mention popover anchored to the text caret via a hidden mirror, gliding as you type.

npx shadcn@latest add https://lab.moumen.dev/r/caret-mention-popover.json

Hover-Expand Icon Strip component

Icons in a fixed-width box that expand on hover or Tab while the others squeeze to fit.

npx shadcn@latest add https://lab.moumen.dev/r/hover-expand-icon-strip.json

Inertial Wheel List component

An iOS picker drum built on native scroll-snap, with selection derived from scrollTop.

npx shadcn@latest add https://lab.moumen.dev/r/inertial-wheel-list.json