Skip to content

Carousels & Tickers

Full-Bleed Hero Slider

Full-bleed crossfading hero image slider with scrim overlay, headline/CTA content, autoplay, arrows, dots and swipe.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add hero-slider-full-bleed
Props & docs

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

AstroReactTailwind CSSNew

Full-Bleed Hero Slider

Full-Bleed Hero Slider

Live preview of the Full-Bleed Hero Slider component

New season

Built for the next decade of commerce

Launch faster with a stock that already looks finished.

Explore

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 Full-Bleed Hero Slider 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 →