Interior Rail Viewer
Media viewer as a plain, fully editable Etch tree: a 3:2 crossfading stage (square on phones) with a dark vertical thumbnail rail overlaid on its left edge and a frosted checklist card centred on its right edge; on phone…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Interior Rail 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
- Galleries
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 13
Set on the section, in Etch’s attributes panel. No code needed.
data-autoplayauto-advances through frames
data-delayms · autoplay interval, also the length of the progress fill on the active thumb
data-progresswhite progress fill on the active thumb while autoplaying
data-rail-positionoverlays the thumbnail rail on the left or right edge (card moves to the opposite edge)
data-rail-stylerail backdrop
data-panelshows the frosted checklist card
data-panel-stylecard surface
data-radiuscorner radius of the stage, rail, thumbs and card (source: none)
data-inactive-opacity0-1 · opacity of non-active thumbs
data-animhow the card enters when the viewer scrolls into view
data-durationms · crossfade + card entrance duration
data-easingor any cubic-bezier
data-lightboxclicking the stage opens a fullscreen <dialog> lightbox with the same frames
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
imagehttps://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=320
imageAltempty
imagehttps://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1600
imageAltModern two-storey home at dusk with lit windows
captionExterior at dusk
showCaptionFalse
titleStrategic Marketing Expertise
descriptionSharp listing photography and copy that puts each home in front of th…
showIconTrue
showDescriptionTrue
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns



Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page





