---
title: "Device Mockup — Framer component · Best of Framer"
description: "$1.00 · Framer component · by Mahendra Suthar · Interactive. Description Device Mockup is a responsive component."
canonical: "https://framer.elliotli.dev/component/device-mockup"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Device Mockup

# Device Mockup

To Showcase Instagram Reels and Stories

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

![Device Mockup preview image 1](https://framer.elliotli.dev/og/component/device-mockup/ea042e6b43bd4819/1600x1200.jpg)

## Summary

Description Device Mockup is a responsive component.

## Description

## Description

[**Device Mockup**](https://sincere-footprint-346836.framer.app) is a responsive component. Help you to showcase instagram reels and stories on any site. This section have a three different device mockups which includes iPhone 14, samsung galaxy s20 and google pixel 7 so you can use according to your requirements.

Best part is, this component allow you to control the property likes color, text and size etc. Component allow you to upload the video/image with selection of different screen formats for reel and story.

Setup is very simple. Drop the component into your framer canvas and upload the video/image file and select the screen format. Also you can customise the component from property control.

## Features

-   Allows to upload video/image
    
-   Different screen formats for reels/stories
    
-   Optimised for smooth video play and performance
    
-   Reels support, realistic external link button
    
-   Have interactive like icon and mockup shimmer effect
    
-   Reel/Story formats, have visibility control property
    

## Best for

-   Professionals or Businesses
    
-   Specially designed for reels/stories showcase but you can hide the reel/story format if not require.
    

## Where to use

-   In hero section
    
-   App software screen preview
    
-   In instagram marketing section
    

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

-   All · #5663

## Details

- **Author**: Mahendra Suthar
- **Price**: $1.00
- **Published**: 2026-03-26
- **Updated**: 2026-03-26
- **Added**: 2026-03-12
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase