Skip to content

component

YouTube Playlist

By Ismoil Safarov

Details

Summary

Premium and distraction-free playlist!

Description

Smart Auto-Play Progression: Sit back and relax! When a video ends, the playlist automatically advances to and plays the next video in the queue. Fully Responsive: A beautiful row-based layout on desktop that intelligently collapses into an intuitive column-based layout on smaller screens and mobile devices. Premium Player UI: Powered by an under-the-hood integration with Plyr ensuring a clean, ad-free aesthetic with settings for playback speed, full-screen, and picture-in-picture. Native iOS Experience: Built-in logic to trigger native full-screen mode for iOS and iPadOS users upon hitting play. Clean Custom Scrollbar: The playlist menu utilizes a custom, heavily refined scrollbar that matches modern web aesthetics. Fully Customizable Properties Make it match your exact branding without touching a single line of code. Tweak everything directly from the Framer Property panel: Playlist Items: Manage your video titles, source types (YouTube / URL / File), links, cover images, and displayed duration text. Header Title: Easily rename the playlist header (e.g., "Course Content", "My Showreel"). Brand Color: Control the color of the main play button, loading states, and active-item indicators. Styling & Theme: Tweak the Background Color, Header Background, Text Color, and the Active Row Background. Border Radius: Adjust the outer playlist curves to be sharp, slightly rounded, or heavily rounded to match your site's vibe.

Introduction

Premium and distraction-free playlist!

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600177978/148/228/309/79/15
  • All · #7797