Skip to content

Build

Velocity X Components Pro 400+ React and Astro components you copy and own. Website Design Design and build, done for you.

Use

TradePilot Trade journalling and position research. PS5 MIDI Bridge Turn a controller into a MIDI device. Aus Trails Australian trails, maps and trip planning. Blog Build notes and short technical pieces.

Cards & Expandables

Dashboard Teaser Card

Expandable teaser card with a looping CSS and SVG dashboard preview: CRM pipeline pins, a drawing analytics chart, or a remarketing flow.

Preview onlyA demo of what Velocity builds. This one is not currently installable on its own.
ReactTailwind CSS

Dashboard Teaser Card

Dashboard Teaser Card

Live preview of the Dashboard Teaser Card component

Marketing · 3-in-1

One chart. Three channels.

GSCGA4META
475 sessions

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 Dashboard Teaser Card component

Card components are React islands that own their own open and closed state, so they hydrate only on the pages where you actually use them. The expanded state renders through a portal rather than inside the card, which is why a drawer or bottom sheet never gets trapped by a parent stacking context. Everything visual is Tailwind utility classes, so the card inherits your brand ramp instead of shipping a palette of its own.

Read the component docs All 589 components

More Cards & Expandables components

Browse all →

Expandable Card

Collapsed tile with a cut-away corner that expands through a portal into a right drawer on desktop or a draggable bottom sheet on mobile. Escape closes it.