Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageFlap Split Reveal Heading
Bold multi-line headline hidden behind opaque flap panels that split away to uncover each line, staggered line by line, the first time the headline scrolls into view. Plain editable eyebrow sits above a "Reveal Line" com…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Flap Split Reveal Heading reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Component
- Category
- Headings
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 3
Set on the section, in Etch’s attributes panel. No code needed.
data-directionhow the flaps move to uncover each line
data-staggerms · delay added per line, in reading order, when the headline reveals
data-triggerhow far the headline must scroll into the viewport before it reveals
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
textBold hero headline
index0
Free pattern. Yours to use on any site, no plan needed.
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
