Avatar Showcase

A recording-friendly avatar strip with count-aware pacing, deterministic sampling, staggered lanes, and reduced-motion support.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @sona-ui/avatar-showcase

Files

• src/registry/sonaui/avatar-showcase/avatar-showcase.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Avatar Components
• React Avatar Components
• Tailwind CSS Avatar Components
• Animated Avatar Components
• Avatar Group Components
• React Avatar Group Components
• Tailwind CSS Avatar Group Components
• Animated Avatar Group Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components

More from Sona UI

• Assignment Cluster
• Marquee
• Prototype Avatar Showcase
• Circular Card Marquee
• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs