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.

Growth & Conversion

Social-Proof Toast

Bottom-left toast that rotates short, credible social-proof lines on an interval, then stops. Pauses on hover, dismiss-for-session, aria-live, dark-mode + safe-area aware. Fires social_proof_shown.

Lifetime accessIncluded with the VX Components lifetime licence.
$velocityx add social-proof-toast
Props & docs

Needs a licence key — buy lifetime access here, then velocityx loginonce.

ReactTypeScriptAstroTailwind CSSNew

Social-Proof Toast

Social-Proof Toast

Live preview of the Social-Proof Toast component

Bottom-left toast that rotates short, credible social-proof lines — marketing psychology with restraint, not fake "someone just bought" urgency. Slides in after a delay, rotates on an interval, stops after N shows, pauses on hover, dismiss-for-the-session. aria-live="polite", dark-mode, reduced-motion + safe-area aware. Shown here forced-visible inside the demo box:

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 Social-Proof Toast component

Conversion surfaces mount as islands rather than page sections — most are React components you add once to your layout with client:idle, so they never compete with the first paint. Triggering, session memory and dismissal are handled inside the component, and the analytics-aware ones fire a named event when they show or convert.

Read the component docs All 589 components

More Growth & Conversion components

Browse all →

Lead-Capture Popup

Exit-intent (desktop) + scroll/scroll-up (mobile) lead popup that fronts the free-draft flow. Once-per-session, cooldown, accessible, dark-mode, dismiss-friendly.

Sticky CTA Bar

Mobile/tablet bottom CTA bar that slides in past the hero — keeps the primary conversion one thumb-tap away. Dismissible, safe-area aware, fires cta_clicked.

Readability Kit

Long-form scannability primitives — Callout (4 variants), Key Takeaways TL;DR box, large PullQuote, and a reading-time pill. Branded, accessible, dark-mode, zero-motion.

Draft my Velocity

A short guided form that creates a branded starting direction for a more useful project conversation. It is an early concept, not a finished template site.