Components that move with intent.
Carefully tuned UI with micro-interactions built in. Copy the source, own the code, ship interfaces that feel considered.
Suggestions
Navigation
Settings
Small details, done properly.
Every block is live. Hover, click, type — they respond the way good software should.
Soft Focus
Low Tide Collective
NowPlaying
Compact media player with dot-matrix art, live equalizer and scrubbable progress.
Pro
billed $228 yearly
- Unlimited components
- Private registry
- Figma source files
- Priority support
PricingToggle
Pricing card with a segmented billing switch and rolling digits.
OtpInput
One-time-code field with native paste/autofill, animated slots and verify states.
Deployed to production
nowinterract-web · main · 42s
PR #128 approved
2mfeat: spring-based accordion
Mira left a comment
8m“That hover state is so good.”
NotificationStack
Stacked notifications that fan out on hover and can be dismissed individually.
Quiet by design. Crafted in the details.
Motion with restraint
Springs tuned to settle fast. Animation explains state changes — it never performs for its own sake.
Accessible by default
Radix primitives underneath. Focus rings, roles and keyboard paths come standard.
components/
ui/
button.tsx
command-menu.tsx
You own the code
Installed through the shadcn CLI straight into your repo. No runtime package, no lock-in.
Dark mode, natively
Shadows, rings and highlights are re-tuned per theme — not just inverted.
Two commands. Then it’s yours.
Works with any Next.js + Tailwind project. Components land in your repo as plain TSX — read them, change them, delete what you don’t need.
Installation guide$ npx shadcn@latest init$ npx shadcn@latest add https://interract.dev/r/command-menu.jsonBuild something that feels good to use.
Free and open source. MIT licensed. Made for people who notice the details.