Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageVideo Spotlight Carousel
Video showcase built as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro) > spotlight (Swiper fade-stage with five "Spotlight Reel" component instances, overlaid prev/next arrows, a mut…
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.
Video Spotlight Carousel 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
- Sliders and carousels
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 14
Set on the section, in Etch’s attributes panel. No code needed.
data-themere-themes the whole section
data-aspectstage ratio 16:9, 4:3, 1:1 or 3:4
data-radiusstage + thumbnail corner radius
data-autoplaydata-delayms
data-loopdata-pause-on-hoverdata-dragswipe the stage on touch and with a mouse
data-arrowsdata-progressstory-style segmented bar, a single fraction bar, or no bar
data-thumbnailsshow the thumbnail rail under the stage
data-sound-toggleshow the mute/unmute button
data-mutedinitial mute state of the active video
data-captionshow the title/subtitle overlay on the stage
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
videohttps://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.…
posterhttps://images.unsplash.com/photo-1500534623283-312aade485b7?w=960
posterAltLow Tide, First Light — video frame 1
titleLow Tide, First Light
subtitleField notes — vol. 1
linkUrl#watch
linkLabelWatch full cut
Included in Pro From €39 a year, with all 753 patterns.
Get Pro
