Bento & Layout

Split 60/40 with Sticky Side

60/40 split section where one column sticks in the viewport while the other scrolls past it, desktop only.

SubscriptionIncluded with the Velocity Components subscription.

$velocityx add split-sticky-side

Props & docs

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

AstroReactTailwind CSSNew

Split 60/40 with Sticky Side

Sticky visual (pins while you scroll the steps)

Step 1

Connect your data source

Each step confirms before moving on, so a bad mapping never reaches production data.

Step 2

Map fields to the schema

Each step confirms before moving on, so a bad mapping never reaches production data.

Step 3

Preview the merge

Each step confirms before moving on, so a bad mapping never reaches production data.

Step 4

Publish to production

Each step confirms before moving on, so a bad mapping never reaches production data.

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 Split 60/40 with Sticky Side 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 →