Skip to main content
Sync UI offers a variety of avatar styles to enhance your user interface.

Variants

Modern Showcase

A modern layout with animated entrance and hover effects.

Floating Cards

Animated avatar cards with hover effects.

Minimal Grid

A grid layout of avatars with hover animations.

Overlapping Circles

A set of overlapping avatar circles, ideal for displaying group members or collaborators.

Props

Modern Showcase

  • totalUsers - Total number of users/contributors to display in the text (default: 60)

Features

  • Responsive design that adapts to mobile and desktop viewports
  • Image loading states with skeleton fallbacks
  • Smooth hover animations using Framer Motion
  • Accessibility support with tooltips
  • Error handling for failed image loads

Customization

Each avatar variant can be customized by modifying:
  • Avatar sizes for different breakpoints
  • Border styles and colors
  • Hover animation effects
  • Spacing and layout

Build docs developers (and LLMs) love