People, profiles, and presence
Displays a user photo, initials derived from their name, or a generic person icon as fallback. An optional status dot shows online presence at a glance.
Sizes
Fallbacks
Status indicator
Sizes with status
// From the npm package
import { Avatar } from 'rift-ds/components/Avatar/Avatar';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/avatar.json