Core UI
Avatar + Avatar Group
Single avatar or an overlapping stack with a plus-N overflow chip, falling back to deterministic initials-over-tint when no image is given.
Avatar + Avatar Group
Live preview of the Avatar + Avatar Group component
The code ships with Velocity.
Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.
Get Velocity X — from $1,250 See all packages →Using the Avatar + Avatar Group component
Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.
More Core UI components
Browse all →Header Nav — Transparent to Solid
Sticky header that crossfades from transparent to a blurred solid bar after a scroll threshold, with primary links and a CTA.
Mobile Menu Drawer
Left-docked full-height nav drawer with focus trap, outside-click close, Escape handling, scroll lock, and focus restoration.
Mega Menu Panel
Multi-column dropdown panel triggered from a nav item, with link columns plus an optional featured card, closing on outside click or Escape.
Tabs — Underline & Pill
Keyboard-accessible tab list with an animated active indicator, switchable between underline and pill visual variants via one prop.
Vertical Tabs
Side-stacked tab list with a content pane, for settings-style layouts, with up/down arrow keyboard navigation.
Accordion / FAQ List
Expand/collapse FAQ list with measured-height animation, single or multi-open modes, and arrow-key navigation between headers.