---
title: "Reel Player — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Hoshine · Players. The Reel Player is a meticulously crafted React component that replicates the look, feel, and physics of native short-form video players."
canonical: "https://framer.elliotli.dev/component/reel-player"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Reel Player

# Reel Player

Interactive reel player

[View on Framer](https://framer.com/marketplace/components/reel-player/?via=elliot-li)

![Reel Player preview image 1](https://framer.elliotli.dev/og/component/reel-player/eda5969cef68976c/1600x1200.jpg)

## Summary

The Reel Player is a meticulously crafted React component that replicates the look, feel, and physics of native short-form video players.

## Description

Bring the engaging, swipeable experience of modern social media directly to your Framer website. The Reel Player is a meticulously crafted React component that replicates the look, feel, and physics of native short-form video players.

Perfect for portfolios, product demos, or creator landing pages, this component grabs attention and keeps users interacting.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-awepwikh-gGvbliJryvw10yifgnRfRRCU9LcDMo)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ql63plkt-JD2vX2HeWqB0msOynOilqNBNeiH2MJ)

**Key Features**

-   **Authentic Gestures:** Supports swipe up/down and mouse wheel scrolling to navigate between videos with physics-based spring animations.
    
-   **Interactive UI:** Tap to pause/play, double-tap to trigger a dynamic flying heart "like" animation, and toggle video sound seamlessly.
    
-   **Native & Custom Sharing:** Includes a share button that uses the Web Share API on supported devices, or falls back to custom URL redirection/clipboard copying.
    
-   **Dynamic iPhone Mockup:** Features a built-in SVG iPhone mockup. Simply choose a base color, and the component automatically calculates cohesive highlights, shadows, and gradients for a photorealistic device frame.
    

**Customization Options**

-   **Reels List:** Add unlimited reels. For each reel, configure the Video Source (URL or direct File upload), Avatar Image (URL or direct File upload), Username, and Caption.
    
-   **Appearance Mode:** Choose to display the videos inside the dynamic iPhone Mockup, or select "None" for a clean, borderless (or framed) video player.
    
-   **Device Colors:** If using the iPhone mockup, set a single Phone Color, and the component handles the rest.
    
-   **Custom Framing:** If not using the mockup, you have total control over the Frame Padding, Border Radius, Border Width, Border Color, Box Shadow, and Background Color.
    
-   **Share Settings:** Enable "Custom Share URL" to define exactly where users are taken (or what link is copied) when they hit the share button.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #896

## Details

- **Author**: Hoshine
- **Price**: $14.00
- **Published**: 2026-05-30
- **Updated**: 2026-06-24
- **Added**: 2026-05-20
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.