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
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
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
Copy and CTAs left, video player with play button right. Pitch plus moving proof.
video/split/default
Main player above a row of three episode thumbnails with titles. For series, courses or multi-part demos.
video/centered/with-episodes
Four titled video thumbnails with durations. Course catalogs, webinar libraries, demo collections.
video/grid/library
Large player left, four playlist rows with play glyphs and durations right. The watch-next pattern.
video/split/with-playlist
Muted band with a heading and a smaller player. A light demo break between dense sections.
video/centered/compact
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.