• Design systems
  • Components
  1. Components
  2. Video

Video component examples

Video components bring playback, captions and controls into the design system, where the details can stay consistent.

Also known as Video player

Open Video section source example
Video section from Aalto Design System

Video section

Aalto Design System
Open Video source example
Video from Flowbite

Video

Flowbite
Open Video Player source example
Video Player from NewsKit Design System

Video Player

NewsKit Design System
Open Video source example
Video from Protocol

Video

Protocol
Open Video source example
Video from Solar

Video

Solar

Related categories

Explore adjacent component patterns.

“You miss 100% of the shots you don't take. - Wayne Gretzky”

- Michael Scott

Blockquote

Quote, Pull quote, Block quote

theme.ts
1const theme = {
2radius: 'sm',
3neutral: 'slate'
4}

Code block

Code, Code editor, Code snippet, Code view, Inline code

Heading one

Heading two

Heading three

Heading

Headline, Display heading, Page heading, Title, Subheading

Icon

Icon list

Public design systems, component patterns, and the source material behind them.

Design systems

  • All design systems
  • Recommended picks
  • Submit a design system

Industries

  • Government
  • Finance
  • Travel
  • Retail
  • Healthcare
  • Communications
  • Media
  • Education
  • Technology

Components

  • UI component examples
  • Actions
  • Forms and input
  • Navigation
  • Feedback and status
  • Data display
  • Content and media
  • Layout and structure
  • Overlays
  • AI and conversation
Attributions

© 2026 designsystem.gallery