Installation

How to install dependencies and structure your app.

Note: We have the exact same installation process as shadcn/ui.

Run the init command to create a new Next.js project or to setup an existing one:


pnpm dlx shadcn@latest init

You can now start adding components to your project.


pnpm dlx shadcn@latest add "https://moleculeui.design/r/swipe-row"

import { SwipeRow } from "@/components/ui/swipe-row"
 
export default function App() {
  return (
    <div>
      <SwipeRow />
    </div>
  )
}