interior.dev

54 MIT micro-interaction components for React, installable as a shadcn registry

Tier A · StrongRegistryComponent LibraryAnimation Libraryinterior.dev

(Visit interior.dev ↗)(Docs)(Repository)(Registry)

interior.dev is a shadcn-compatible registry of 54 React components that fix the half-second after a click: interruptible springs, width reserved before a state change, and a reduced-motion path that still delivers the information. Each component is one file exporting a headless hook (useX) holding all behaviour plus a styled example you can replace, and the only dependency is motion. The set is organised by what the user is doing — Action Feedback, Input, Async, Notification, Overlay, Navigation, Scroll, Data, Gesture, Content — rather than by widget type. MIT, 609 stars, last pushed 2026-08-12.

Install

npx shadcn@latest add https://www.interior.dev/r/poll-results.json

For an agent

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.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: React, Next.js
Styling: Tailwind CSS
Distribution: shadcn registry, CLI installer, Copy-paste snippet, GitHub repository
Platform: Web
Content type: Code
Agent readiness: Machine-readable registry item, CLI installable, Structured documentation, Readable open source, Copy-paste ready code
Accessibility: Keyboard navigable, Honors reduced motion, Focus management and visible focus, Accessible
Maturity: Actively maintained
GitHub stars: 609

Components it ships

54 total

Helps you build

Submitting A Form Showing Input Error Saving Changes Multi Step Form Sign Up Verifying Account Search Results Feed Command Palette In App Notifications

Notable for

54 components in a shadcn registry
headless useX hook per component
interruptible springs, reserved widths
reduced-motion path preserves information
single dependency: motion

Provenance

Verified 2026-08-15. HTTP 200. https://www.interior.dev/ (WebFetch), https://www.interior.dev/docs (10 section names), https://www.interior.dev/r/registry.json (all 54 items with categories), https://www.interior.dev/r/accordion.json, https://www.interior.dev/docs/poll-results (install command), GitHub API repos/ddoemonn/interior + tree + README

Also in Motion & Interaction

interior.devTier A