Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSpec Sheet Slide Viewer
A studio spec-sheet style slide deck of six "Spec Slide" component instances (image, imageAlt, label kicker, index number, tone select): the active slide sits centred and full-height while the two slides on each side sit…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Spec Sheet Slide Viewer 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
- Layout
- Category
- Sliders and carousels
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 15
Set on the section, in Etch’s attributes panel. No code needed.
data-themesection theme
data-autoplayand
data-delayms
data-loopadvancing past the last slide wraps to the first
data-easingslide-shift easing curve
data-durationms · slide-shift transition duration
data-spreadhow far the side layers sit from the centre
data-radiusslide corner radius
data-labelshow/hide the "SLIDE" kicker on each layer
data-index-styleindex-badge format
data-arrowsand
data-arrows-positiondata-paginationand
data-pagination-positiondata-dragmouse-drag + touch swipe
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
imagehttps://images.unsplash.com/photo-1581092335397-9583eb92d232?w=900
altIndustrial machine operator adjusting precision tooling under teal li…
labelSlide
toneslate
Included in Pro From €39 a year, with all 753 patterns.
Get ProMore patterns
