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.

Browse componentsSee Pro pricing

42 free components, 60+ in Pro, new ones every month

Live preview. Everything here is a real component.
$npx shadcn@latest add @nex-ui/magnetic-button

The 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.

  • Particle text

    Thousands of particles form words, morph between them and scatter from the cursor. Click to blow them apart.

    Ultimate
  • nex-ui#0001

    Ultimate

    Motion collection

    Holographic card

    A 3D collectible card with iridescent foil, glare, sparkles and layers at different depths.

    Ultimate

  • Magnetic button

    Pulls toward the cursor within a radius.

    Pro

  • Solid button

    Press feedback and focus ring included.

    Free

  • Ghost button

    Border fills from the cursor side.

    Free

  • Text scramble

    Characters resolve one by one.

    Pro

  • Switch

    Spring-driven thumb, keyboard accessible.

    Free
  • Move the pointer here

    Spotlight card

    A light follows the pointer across the surface.

    Pro

  • Floating label input

    Label lifts on focus and when filled.

    Free

  • Morphing tabs

    The indicator glides between tabs.

    Pro

  • Status badge

    Live, idle and error states.

    Free

  • Number ticker

    Digits roll to the new value.

    Pro

    • Toast

      Notifications stack, then slide away on their own.

      Free
    1. Your content here

      Aurora

      Blurred color blobs drifting slowly.

      Pro
    See the full list

    From preview to production

    1. 1

      Pick a component

      Play with it here, check the props and see how it behaves on mobile.

    2. 2

      Copy or install

      Paste the source, or run the CLI. It lands in your repo as plain TSX you own.

    3. 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.

    2 months free

    Free

    $0forever

    • 42 core components
    • Buttons, inputs, toggles, badges
    • Copy-paste source code
    • MIT license, commercial use
    Start with Free

    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
    Get Pro

    Ultimate

    $19/ month

    • Everything in Pro
    • Website builder with linked multi-page sites
    • Ultimate motion components: particles, 3D and physics
    • Every template, Pro ones included
    • Up to 5 team seats
    • Priority support
    Get Ultimate

    Questions

    • React 18 or newer, Tailwind CSS v4 and the motion package. Everything else is in the copied file.