Avatar 12 - Instagram Story Rings
Instagram style story row with gradient rings for new stories, gray rings once viewed, an add story button, and a new story count.
- Library
- Shadcn Space
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- lucide-react
- Files
src/components/shadcn-space/avatar/avatar-12.tsxsrc/components/ui/avatar.tsxsrc/lib/utils.tssrc/config.ts
- Source
- https://github.com/shadcnspace/shadcnspace
Categories
- Avatar Components
- React Avatar Components
- Tailwind CSS Avatar Components
- shadcn/ui Avatar Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- shadcn/ui Data Display Components
- Social Components
- React Social Components
- Tailwind CSS Social Components
- shadcn/ui Social Components
More from Shadcn Space
- Avatar-01 - Default
- Avatar-02 - Group
- Avatar-04 - Border
- Avatar-06 - Fallback
- Avatar-07 - Selectable Avatar
- Avatar-08 - Avatar stack
- Avatar 10 - Upload with Preview
- Avatar 13 - Generated Initials
- Badge 10 - With Avatar
- Scroll Area 02 - Horizontal Profile Stories
- Select-07 - Select with avatars
- Skeleton 02 - Table with Avatars