Search the compendium All tiers Core only Reference only Any Definition only Has an example Search

• MED-021 Media & Rich Content

  Aspect Ratio Box

  Container preserving a fixed width-to-height ratio.

• MED-016 Media & Rich Content

  Audio Player

  Component for audio playback.

• MED-013 Media & Rich Content

  Autoplay

  Media that begins playing without user action.

• MED-014 Media & Rich Content

  Background Video

  Ambient video used as a section background.

• MED-009 Media & Rich Content

  Before/After Slider

  Draggable divider comparing two images.

• MED-001 Media & Rich Content

  Carousel

  Rotating sequence of content panels.

  Core
• MED-029 Media & Rich Content

  Favicon

  Small icon representing the site in browser tabs.

• MED-028 Media & Rich Content

  Icon Set

  Consistent family of icons used across an interface.

• MED-003 Media & Rich Content

  Image Gallery

  Collection of images presented for browsing.

  Core
• MED-002 Media & Rich Content

  Image Slider

  Carousel specifically for images.

• MED-008 Media & Rich Content

  Image Zoom

  Magnified inspection of an image on hover or click.

• MED-023 Media & Rich Content

  Interactive Map

  Map supporting pan, zoom and selectable markers.

• MED-026 Media & Rich Content

  Lazy-Loaded Image

  Image loaded only as it approaches the viewport.

• MED-005 Media & Rich Content

  Lightbox Gallery

  Gallery whose images open enlarged in an overlay.

• MED-022 Media & Rich Content

  Map Embed

  Third-party map rendered in the page.

  Core
• MED-024 Media & Rich Content

  Map Marker

  Pin indicating a location on a map.

• MED-004 Media & Rich Content

  Masonry Grid

  Gallery layout with varied item heights packed together.

• MED-019 Media & Rich Content

  Media Embed

  Third-party media rendered in the page (e.g. YouTube).

• MED-030 Media & Rich Content

  Open Graph Image

  Preview image shown when a link is shared.

• MED-015 Media & Rich Content

  Picture-in-Picture

  Floating mini video player.

• MED-027 Media & Rich Content

  Placeholder Blur

  Low-quality blurred preview shown while an image loads.

• MED-018 Media & Rich Content

  Playlist

  Ordered queue of media items.

• MED-012 Media & Rich Content

  Poster Frame

  Still image shown before video playback begins.

• MED-020 Media & Rich Content

  Responsive Embed

  Embed that scales with its container.

• MED-025 Media & Rich Content

  Responsive Image

  Image served at sizes appropriate to the device.

• MED-006 Media & Rich Content

  Thumbnail

  Small preview version of an image or video.

• MED-007 Media & Rich Content

  Thumbnail Strip

  Row of thumbnails used to navigate media.

• MED-011 Media & Rich Content

  Video Controls

  Play/pause, seek, volume and fullscreen controls.

• MED-010 Media & Rich Content

  Video Player

  Component for video playback.

  Core
• MED-017 Media & Rich Content

  Waveform

  Visual representation of audio amplitude.