Color picker

An example of creating a circular color picker with dots that react to cursor movement with soft springs using Motion for React.

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

"use client"

import ColorPicker from "@/components/ui/motion-color-picker"

export default function Default() {
  return (
    <div className="motion-example flex w-full items-center justify-center p-16">
      <ColorPicker />
    </div>
  )
}