Docs

Installation

Motionshelf components are published to a shadcn registry. One command copies the component into your project, so it runs on your own Tailwind and React setup.

Requirements

• React 19 with Next.js or Vite.
• Tailwind CSS v4.
• The shadcn CLI, run with npx (no global install).

1. Install the dependencies

Each component lists its own dependencies. Most use GSAP:

2. Add a component

Copy the command from the component page. For example:

3. Use it

Import it from the folder the CLI wrote to, then render it:

import PaymentNotification from "@/components/motionshelf/payment-notification";

export default function Page() {
  return <PaymentNotification amount={150} sender="Alex M." />;
}

Make it with your agent →

License and credits

Components are MIT licensed. The Faulty Terminal background on this site comes from React Bits (MIT + Commons Clause) and is not part of the registry.

Browse components →