Drag

Component

About

A Motion for React card that can be freely dragged, from the official Motion examples catalog.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Drag to your project and fits it to your theme.

Code

How Drag is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import Drag from "@/components/ui/motion-drag"

export default function Default() {
  return (
    <div className="motion-example flex w-full items-center justify-center p-8">
      <div className="flex h-[280px] w-[280px] items-center justify-center">
        <Drag />
      </div>
    </div>
  )
}