Inputs/Morphing Pill Duration Editor

Morphing Pill Duration Editor

New

A time-duration input that fuses into a single capsule in view mode and splits into editable rounded pills with a pencil-to-check icon crossfade.

Install

Add it with the shadcn CLI, or copy the source manually.

$ bunx --bun shadcn add https://foundations.cuedesign.space/r/morphing-pill-duration-editor.json

A white 400px share card with a public/private toggle, animated grid-row invite panel, multi-email token input, and expanding shared-users list.

An expandable search bar that reveals a filterable genre grid via a grid-rows accordion trick, styled with clean editorial typography.

A 4-step product-creation modal with drafts, drag-drop image upload, toggle settings, and an animated success screen.

Contributed by Alok

Updated Sep 22, 2026