---
layout: pattern
title: Media Scroller
description: |
  This pattern shows how to create horizontal scrolling experiences for the web that are minimal, responsive, accessible and work across browsers and platforms (like TVs!)
  <br><br>
  Note: this component uses a library called <a href="https://github.com/argyleink/roving-ux">roving-ux</a> to create a focus group.
  <br><br>
  <a href="/building-a-media-scroller-component/">Full article</a> · <a href="https://www.youtube.com/watch?v=jmLdZY_Lo1k">Video on YouTube</a> · <a href="https://github.com/argyleink/gui-challenges/tree/main/media-scroller">Source on Github</a>
date: 2022-06-01
height: 600
---

This pattern shows how to create horizontal scrolling experiences for the web
that are minimal, responsive, accessible and work across browsers and platforms
(like TVs!)

<a href="/building-a-media-scroller-component/">Full article</a> · <a href="https://www.youtube.com/watch?v=jmLdZY_Lo1k">Video on YouTube</a> · <a href="https://github.com/argyleink/gui-challenges/tree/main/media-scroller">Source on Github</a>
