PR
Priya Raman
Design engineer
@priya.builds
- Followers
- Following
- 312
- Projects
- 46
- Motion
- Type systems
- Accessibility
Profile Card
Person card with a drawn cover band, status-ringed avatar, rolling follower count, skill chips, follow and message actions, hover-revealed links and a compact row variant.
Preview
MO
Malik Osei
Platform lead
Lisbon · UTC+0
- Followers
- Following
- 87
- Talks
- 12
- Rust
- Queues
- On-call
Suggested for you
Ines Duarte
Researcher1,204 followers
Tomás Lind
iOS developer389 followers
Noor Haddad
Writer57 followers
Hover a card to reveal its links
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| name / role / handle | string | — | Name (names the card), role and a mono handle or location. |
| avatarSrc / initials | string | from name | Avatar image, falling back to initials. |
| status | "online" | "away" | "busy" | "offline" | — | Status ring and dot on the avatar. |
| cover | "dots" | "contour" | "grid" | "dots" | Drawn pattern in the cover band. |
| followers | number | — | Follower count; rolls by one when Follow toggles. |
| stats | { label; value }[] | [] | Extra stats after followers. |
| skills | string[] | [] | Skill chips. |
| following / defaultFollowing / onFollowChange | boolean | false | Follow toggle state, controlled or not. |
| onMessage | () => void | — | Shows the Message action. |
| socials | { kind: "web" | "mail" | "code" | "chat"; href; label }[] | [] | Links revealed on hover or keyboard focus. |
| variant | "card" | "row" | "card" | Full card or compact list row. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.