Skip to content

component

Video Player X

By Soyeb

Details

Summary

Video Player X changes that.

Description

Tired of dropping the same basic video player into every project? Most players give you a few toggles - maybe color, maybe controls - but never full control. Video Player X changes that. This is a fully customizable self-hosted video player built for design-first workflows. From progress bars to icons, gradients to glow, every detail is yours to control. It also includes smart playback that pauses when off-screen and resumes when back, making it a truly interactive video experience. What makes this different Most video players are built like tools. This one is built like a design system. Instead of being locked into a predefined media player , you get full freedom: Style every element - controls, progress bar, buttons, overlays Replace every icon with your own Add dynamic effects like ambient glow video styling Control behavior like pause on scroll video. It’s not just a custom video player - it's a fully designable interactive media player inside Framer. Instructions Copy and paste Video Player X into your Framer project Add your video using Source Type - URL (mp4, webm, mov supported) or File Upload . Note: External players like youtube, vimeo not supported. Add a thumbnail image Adjust styling and behavior from the right panel Publish - your player is ready. Properties Control Video Player X controls Features 50+ controls: Full control over styling and behavior. Smart playback system: Automatically pauses when off-screen and resumes correctly. Ambient glow effect: Dynamic lighting based on video colors. Keyboard controls: Spacebar playback toggle included. CMS Support: You can add any video url from any CMS field Custom icons everywhere: Replace every UI element visually. Gradient overlays: Create branded control bars. Variant support: Connect playback state to Framer interactions. Performance optimized: Smooth playback and transitions. Made with ❤️ by Soyeb © 2026 Soyeb. All rights reserved. Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com

Introduction

Fully customizable video player UI

Rank history

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

1501100114488/148/228/309/79/15
  • All · #220