Centered video player
Centered heading and subhead above a large 16:9 player placeholder with play button and duration pill. The standard demo-video block.
video/centered/default
Video section templates
Demo and presentation video blocks: centered players, split text-and-player layouts and episode lists, with neutral wireframe players.
7 variants · neutral wireframe · ready to reskin with your design tokens
Centered video playerSplit text and videoVideo with episode listVideo library gridPlayer with playlistCompact video bandVideo with chapters
Split text and video
Copy and CTAs left, video player with play button right. Pitch plus moving proof.
video/split/default
Video with episode list
Main player above a row of three episode thumbnails with titles. For series, courses or multi-part demos.
video/centered/with-episodes
Video library grid
Four titled video thumbnails with durations. Course catalogs, webinar libraries, demo collections.
video/grid/library
Player with playlist
Large player left, four playlist rows with play glyphs and durations right. The watch-next pattern.
video/split/with-playlist
Compact video band
Muted band with a heading and a smaller player. A light demo break between dense sections.
video/centered/compact
Video with chapters
Main player above four timestamped chapter cards. Long demos and keynotes made scannable.
video/strip/chapters
claude mcp add --transport http rifframe https://rifframe.app/api/mcp > "Add a video section to my landing page"
Your coding agent can search and pull these sections directly. How it works.