interior.dev

Use this when the interaction quality of a specific moment matters — a submit button that must not resize, an OTP field, a reorderable list, a drawer that survives an interrupted drag — and keep shadcn/ui as the base layer, since interior installs into components/interior through the same shadcn CLI and only adds `motion`. Prefer the headless useX hook and drop the styled example when the project has its own design language; the behaviour, not the classes, is the value. Read /r/registry.json for the machine list of all 54 items and their categories, and note there is no npm package — every add copies source you then own.

Why it is here. Most animation libraries ship the animation and skip the three things that make it feel cheap: layout jump, non-interruptible springs, and ignoring prefers-reduced-motion. interior argues each component to the frame and ships that last twenty percent, which is exactly the part an agent-generated UI usually misses.