Dev Design Library

Sticker Avatar

An avatar cut out like a die-cut sticker, with a paper edge that follows its shape and a status told by shape.

Sticker Avatar preview
Library
Fibo
Framework
React
Type
component
License
MIT
Install
pnpm dlx shadcn@latest add @fibo/sticker-avatar
Files
  • packages/ui/src/components/sticker-avatar.tsx
  • packages/ui/src/components/status-dot.tsx
  • packages/ui/src/components/count.tsx
  • packages/ui/src/lib/utils.ts
  • packages/ui/src/lib/format-count.ts
Source
https://github.com/toribryan/fibo

Categories

More from Fibo