Dev Design Library

Avatar

A user avatar with image, initials or icon fallback, 5 sizes, circle, rounded and square shapes, a presence status dot with pulse, an accent ring and an optional click state.

Avatar preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/avatar.json
Files
  • registry/new-york/avatar/avatar.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame