Avatar Picker

Avatar picker with rotation animation.

Live Preview
Open in

Me

Select your avatar

Motion
lucide-react

Installation

npm install motion lucide-react

Usage

import AvatarPicker from "@/components/xui/avatar-picker";

export function MyComponent() {
  return (
    <div className="flex items-center justify-center min-h-[200px]">
      <AvatarPicker />
    </div>
  );
}

Props

This component has no configurable props.

Dependencies

This component requires the following packages:

  • motion (framer-motion)
  • lucide-react