4.0Essential Grid 4.0 is here — see what’s new
Essential Grid
Download free
Buy now
New in 4.0SR7 · Distortion: more examples with this Slider Revolution 7 effectVideoCobbles

Halfdark Shorts Reel Wall with Slider Revolution 7

A short-film festival’s nine reels as a cinemascope programme, the opening film large. Hover a reel and its preview plays, muted, while the others turn grey; with Slider Revolution 7 the film itself ripples under the pointer, SR7’s Distortion. Filter by section; one click opens it full size.

Get Essential Grid

The live grid

yoursite.com/halfdark-shorts-reel-wall-grid/Live grid · demo content
  • A night city street in heavy rain, magenta and cyan neon smeared across the wet asphalt, a lone figure with a red umbrella seen from behind

    Umbrella for One

    Port city, night
    A red umbrella crosses a neon street drowned in rain.
    01After dark
  • A roadside diner at night seen through a rain-streaked window, pink and teal neon tubes, empty chrome stools, a waitress far away

    Last Booth

    Roadside, 3 a.m.
    A diner glows pink and teal behind a rain-streaked window.
    02After dark
  • A straight desert highway at dusk under a burning orange sky, a car’s red tail lights far away

    Taillights

    Salt flats, dusk
    Red tail lights shrink down an endless desert highway at dusk.
    03On the road
  • Shafts of sunlight in turquoise water, a free diver gliding between tall kelp, bubbles drifting up

    Breath Held

    Kelp coast
    A free diver glides through kelp under shafts of sunlight.
    04Water
  • A crimson velvet theatre curtain parting a little, one hard spotlight beam through dust onto an empty wooden stage

    Before the Lines

    An empty theatre
    A crimson curtain parts on a single spotlight and an empty stage.
    05Stage
  • A lone lighthouse on black cliffs in a night storm, its beam cutting through the rain, waves exploding below, lightning

    Keeper’s Hour

    North cliffs, storm
    A lighthouse beam cuts through a storm, waves exploding below.
    06Water
  • Inside a night train compartment, amber city lights and rain blurring past the window, a passenger in silhouette

    Window Seat, 2 a.m.

    Night train
    City lights blur past a night train window in the rain.
    07On the road
  • A red fox stepping through a snowy birch forest at blue hour, snowflakes in a single golden lantern light

    The Quiet Kind

    Birch forest, blue hour
    A red fox steps through a snowy birch forest in lantern light.
    08After dark
  • A dancer in silhouette mid-spin in a flowing amber silk dress, thick stage smoke lit orange from behind and blue from the side

    Amber Turn

    Warehouse, one take
    A dancer spins in amber silk through backlit stage smoke.
    09Stage

An invented festival with generated films. The ripple is SR7’s Distortion, put on the cards by the grid’s own JavaScript (it needs Slider Revolution 7 and its licence); without it a reel keeps its own hover. One grid, eleven styles

The recipe

Use case
Video
Layout
Cobbles
Source
Custom grid
Skin
Scope Programme
Effects
Distortion hover (Slider Revolution 7)Grayscale othersHover videoLightboxSoft scale entrance
Grid features
Filter buttonsFilter countsVideo in the gridVideo lightboxSlider Revolution 7 effect
Works with
GutenbergElementorDiviWPBakeryShortcode
Get Essential Grid Browse more examples

Related examples

All examples