Skip to content

Marketing & Social Proof

Before/After Results Panel

Static side-by-side before/after metric comparison panel, not an image slider.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add results-before-after-panel
Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Before/After Results Panel

Before/After Results Panel

Live preview of the Before/After Results Panel component

Placeholder

Sample before / after

Before

After

XX Sample metric one
XX Sample metric one
XX% Sample metric two
XX% Sample metric two
XX days Sample metric three
XX days Sample metric three

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 Before/After Results Panel 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.

Browse all →