Interface piecesthat already knowhow to move.
Buttons, inputs and animated components for React and Tailwind. Copy the source into your project or add it with one command. The basics are free, the motion is Pro.
42 free components, 60+ in Pro, new ones every month
npx nex-ui add magneticThe library
Every preview below is the actual component, not a screenshot. Free ones you can use today. Pro ones are previewable and unlock with a subscription.
- Pro
Magnetic button
Pulls toward the cursor within a radius.
- Free
Solid button
Press feedback and focus ring included.
- Free
Ghost button
Border fills from the cursor side.
- Pro
Text scramble
Characters resolve one by one.
- Free
Switch
Spring-driven thumb, keyboard accessible.
- Move the pointer herePro
Spotlight card
A light follows the pointer across the surface.
- Free
Floating label input
Label lifts on focus and when filled.
- Pro
Morphing tabs
The indicator glides between tabs.
- Free
Status badge
Live, idle and error states.
- Pro
Number ticker
Digits roll to the new value.
- Free
Toast
Notifications stack, then slide away on their own.
From preview to production
- 1
Pick a component
Play with it here, check the props and see how it behaves on mobile.
- 2
Copy or install
Paste the source, or run the CLI. It lands in your repo as plain TSX you own.
- 3
Make it yours
Tailwind classes and motion props are right there. No wrapper library to fight.
Pricing
Start free. Upgrade when you want the animated parts, or go Ultimate to build whole pages.
Free
$0forever
- 42 core components
- Buttons, inputs, toggles, badges
- Copy-paste source code
- MIT license, commercial use
Pro
Most popular$9/ month
- Everything in Free
- 60+ animated components
- CLI install with one command
- Figma file with every component
- New components every month
- Priority requests
Ultimate
$19/ month
- Everything in Pro
- Website builder, as soon as it ships
- Every template, Pro ones included
- Up to 5 team seats
- Priority support
Questions
React 18 or newer, Tailwind CSS v4 and the motion package. Everything else is in the copied file.