01Account Card
02Action Box
03Activity Feed
04Address Display
05Animated Tabs
06Auth Card
07Balance Display
08Card Stack
09Crypto Checkout Card
10Crypto Explore Categories
11Crypto Prediction Candidate Card
12Crypto Sales Candlestick Chart
13Crypto Sales Segmented Bars
14Crypto Sales Vertical Graph
15Crypto Subscription Card
16Crypto Swap Box
17Crypto User Profile
18Crypto Wallet Dashboard
19Crypto Wallet Drawer
20Crypto Wallet Main
21Crypto Wallet Menu Sheet
22Crypto Wallet Settings
23Error State Shake
24Family Dialog
25Family Drawer
26Family Popover Menu
27Financial Metrics Grid
28Gauge
29Gooey Menu
30Input Morph Message
31Leverage Slider
32Liquid Radio
33Liquidity Pool Card
34Marquee
35Multi State Badge
36Multi Wallet Switcher
37Notifications Stack
38Order Book
39Order Form
40Pool Card
41Pool Table
42Position Card
43Position Table
44Price Chart
45Price Ticker
46Priority Fee Selector
47Qr Code
48Route Summary
49Run Stats Stacks
50Secret Key Warning Box
51Segmented Progress Card
52Signature Status Badge
53Slippage Selector
54Smooth Tabs
55Solana Identity Card
56Solana Nft Card
57Solana Pay Button
58Solana Token Card
59Solana Transaction Status
60Solana Wallet Card
61Spinning Counter
62Staking Card
63Stat Card
64Step Tracker Widget
65Success Check
66Timeline
67Toggle Group
68Toggle Pill
69Token Command
70Token Icon Group
71Token Input
72Token List Item
73Token Pair
74Trade Box
75Trade Buttons
76Transaction Modal
77Transaction Receipt
78Trend Badge
79Txn Table
80Txn Toast
81Underlay Action Sheet
82Wallet Sheet
83Progress Ring
84Trade Toggle Pill
85Status Badge Pill
86Button
87Draw Checkbox
88Multi-State Action Button
89Metrics 01
90Bank Balance Card
91Request Withdrawal Card
92Animated Number Flow
93Verification Badges
94Floating Label Input
95Password Strength
96Task Steps
97Wizard Steps
98Value Flash
99Logo Marquee
100Presence Avatars
101Digit Swap
102Solana Event Card
103Crypto Price Pills
104Oxygen UI Pill

Presence Avatars

Dynamic presence avatar stack where joining and leaving users trigger real-time spring layout transitions, automatic initials fallback, and overflow counters.

Interaction Type

Interactive presence join/leave spring animations and overflow selection.

Installation

npx shadcn add oxygen/Special

How to use

import { PresenceAvatars, usePresence } from "@/components/ui/presence-avatars"

Source Code

Click the code icon in the top-right corner to view the source code.

Keep in mind

Oxygen UI provides composable primitives tailored for Solana applications, including account interfaces, token balance cards, transaction status states, and network metrics. Built for performance and seamless dApp integration.

Contact

Found a bug or issue? Feel free to drop a DM.

License & Usage

  • Free to use and modify in both personal and commercial Solana dApps.
  • Attribution to Oxygen UI is appreciated when using a component.
  • Please do not resell the components as standalone paid kits.
Presence Avatarspresence-avatars.tsx
Loading component preview...