Announcement Wall
Two opposing rails form a bold entry point for campaign messages.
Basic Text Rail
A continuous line of store announcements at the default pace.
Slow Pace
Relaxed movement for longer reading time.
speed="48"
High Velocity
Fast motion for short energetic messages.
speed="320"
Reverse Direction
A negative speed sends content the other way.
speed="-128"
Reverse Interactive
Drag either way, hover to pause, or click to hold.
Content That Fits
Short items rest in place until space becomes tight.
auto
Forced Motion
The same compact content moves continuously.
infinite
Hover Pause
Move the pointer over the rail, then away to resume.
hover
Click Pause
Click the rail to lock it; click outside to release it.
click
Hover and Click
Both pause modes operate together in one rail.
pausable
Drag to Scrub
Pull or swipe the rail, then release for momentum.
draggable
Drag and Pause
Scrub, throw, hover, or tap within the same sequence.
Slow Inspection Rail
Reduced speed and pause controls give longer messages room to breathe.
speed="64" + pausable
Controlled Playback
Use the button or interact with the rail directly.
Editable Sequence
Add and remove moving items while the rail runs.
Color Tiles
Block elements can travel through the same rail.
Image Strip
Drag a continuously moving selection of photographs.
Narrow Container
A constrained rail remains smooth inside a compact content region.
max-width: 540px
Vertical Feed
A stacked ticker travels upward in a fixed-height window.
vertical
Vertical Interactive
Drag vertically, hover to pause, or click to hold.
Mixed Content
Text, images, and graphic tiles share a single moving timeline.