<UserAvatar />

Renders the current user's avatar using session data. Shows a skeleton while loading and falls back to initials when no image is available.

import { UserAvatar } from "@/components/auth/user/user-avatar"

export function UserAvatarDemo() {
  return <UserAvatar />
}

npx shadcn@latest registry add @better-auth-ui=https://better-auth-ui.com/r/{style}/{name}.json

npx shadcn@latest add @better-auth-ui/user-avatar

Last updated on