retro ui logo
RetroUI
  • Components
  • Blocks
  • Templates
  • Figma
Sign InGet Access

Getting Started

IntroductionInstallationThemesChangelogMCP ServerBlocksProTemplatesProFigma KitPro

Components

AccordionAlertAvatarBadgeBreadcrumbButtonCardCalendarCarouselCheckboxCommandDialogDrawerNewEmptyNewInputLabelLoaderMenuContext MenuPopoverProgressRadioSelectSliderSonnerSwitchTabTableTable Of ContentsNewTextareaTextToggleToggle GroupTooltip

Chart

Bar ChartUpdatedLine ChartArea ChartPie Chart

Utilities

cn
RetroUI

RetroUI

The platform for developers and designers who love unique, playful, and brutalist design.

PRODUCT
  • OS Components
  • UI Blocks
  • Templates
  • Figma Kit
  • Themes
  • Neo Screenshot
SUPPORT
  • Pricing
  • FAQ
  • Documentation
  • Changelog
  • Discord Community
  • Email Support
COMPANY
  • Blog
  • Contact
  • Terms of Use
  • Privacy Policy
Footer decoration

© 2026 AZENCOT LLC. ALL RIGHTS RESERVED.

Avatar

Default rounded avatar that can show your users profile picture. ✨

Source
AH


pnpm dlx shadcn@latest add @retroui/avatar


Examples

Size variants



Fallbacks

Fallbacks are helpfull when there ia an error loading the src of the avatar. You can set fallbacks with Avatar.Fallback component.


AH

Last Updated: 12 Oct, 2024

On this Page

  • Examples [#examples]
    • Size variants [#size-variants]
    • Fallbacks [#fallbacks]
AHAHAH