Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSequential Reveal Steps
Plain editable Etch tree (eyebrow, h2, intro) holding a row of "Reveal Step" component instances (typed props: number, title, description, image, imageAlt, defaultActive). Each step is a native “ around a visually-hidde…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Sequential Reveal Steps 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
- Interactive
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 5
Set on the section, in Etch’s attributes panel. No code needed.
data-triggerclick = tap/click a step to expand it (native radio group, works with zero JS)
data-autoplaycycles the active step on a timer, paused on any pointer or keyboard interaction and under prefers-reduced-motion
data-intervalms between autoplay steps
data-image-positionwhere the photo sits inside the expanded step
data-radiuscorner radius from ACSS radius tokens
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
number01
titleScan the surface
descriptionPaste a URL and the engine runs a full technical pass in seconds, no…
imagehttps://images.unsplash.com/photo-1517430816045-df4b7de11d1d?w=480
imageAltScan the surface
defaultActiveTrue
Included in Pro From €39 a year, with all 469 patterns.
Get Pro
