Bento & Layout

Overlap/Offset Card Pair

Two cards with a deliberate offset overlap using pure CSS positioning, collapsing to a simple stack on mobile.

SubscriptionIncluded with the Velocity Components subscription.

$velocityx add overlap-card-pair

Props & docs

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

AstroReactTailwind CSSNew

Overlap/Offset Card Pair

Before

After

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 Overlap/Offset Card Pair 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.

Read the component docs All 589 components

Browse all →