Core UI
Empty State
Centred placeholder for an empty list, table, or panel with an icon slot, title, description, and action slot.
Empty State
Live preview of the Empty State component
No drafts yet
Side panels you start will park here so you can pick up where you left off.
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 Empty State 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.