Library / Sections & layouts

Case Study Header free

A giant title, hairline meta grid and a hero image that grows from inset to full-bleed on scroll.

Scroll inside the preview to try it.

Customize

Project title

Label — value

Hero picture

Colour of the small label dots

Code

import CaseHeader from './CaseHeader';

<CaseHeader />

Checking your access…

Dependencies: none

case-study header scroll

More in Sections & layouts

Living BentoA six-tile bento where each tile runs its own tiny CSS loop: typing, chart, toggles, globe, counter, chat.
Testimonial WallColumns of testimonial cards drifting in alternate directions with faded edges; hover pauses a column.
Pricing DialThree plans plus a rotary usage dial with detents, recommended tier and a monthly/yearly toggle with rolling prices.