Avatar Circles

A component that displays overlapping avatar circles with optional count indicator for showing team members or contributors.

Library

Animations (Svelte)

Framework

Svelte

Type

block

License

MIT

Install

pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/avatar-circles.json

Files

• src/lib/components/magic/avatar-circles/avatar-circles.svelte
• src/lib/components/magic/avatar-circles/index.ts
• src/lib/utils.ts

Source

https://github.com/SikandarJODD/animations

Categories

• Avatar Components
• Svelte Avatar Components
• Tailwind CSS Avatar Components
• Avatar Group Components
• Tailwind CSS Avatar Group Components
• Data Display Components
• Svelte Data Display Components
• Tailwind CSS Data Display Components

More from Animations (Svelte)

• Spell Fallback Avatar
• Animated Background
• Animated Beam
• Animated Circular Progress Bar
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Animated Theme Toggler
• Arc Timeline
• Aurora Text
• Backlight