Bento & Layout
Section Header
Eyebrow, title, subtitle, and optional trailing action block with a required explicit heading level prop.
Section Header
Live preview of the Section Header component
Pricing
Plans that scale with your team
Start free, upgrade when you add your fifth seat.
Integrations
Works with what you already run
Centred variant
For CTA bands and short intros.
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 Section Header 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.
More Bento & Layout components
Browse all →Split 50/50 Section
Even two-column split section that stacks to one column on mobile, with an optional mobile reorder flag.
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.
Three-Column Feature Row
Classic three-feature row that collapses to two then one column per breakpoint.
Sticky Sidebar + Scrolling Content
Pinned sidebar with its own internal scroll next to a scrolling main content column, desktop only.
Masonry Column Layout
Pinterest-style masonry grid using native CSS multi-column layout with break-inside-avoid, zero JS.
Auto-Fit Responsive Card Grid
Breakpoint-free responsive card grid using CSS grid auto-fit/minmax, column count is purely a function of container width.