Avatar

Circular avatar with image, fallback initials, and electric ring variant.

SCSCPUJD

Installation

Run the CLI

$npx particleui-cli add avatar

Usage

TSX

import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar"

export default function Example() {
  return (
    <Avatar>
      <AvatarImage src="https://avatar.vercel.sh/user" />
      <AvatarFallback>CN</AvatarFallback>
    </Avatar>
  )
}

Details

Source filecomponents/ui/avatar.tsx

Typeui

Categoriesdisplay, core

npm dependencies@radix-ui/react-avatar

Registry deps

Claude skill—