Media

iPhone Device Frame

A vector phone bezel with a camera cutout that frames a photo, a looping video, or a blank placeholder inside its own rounded screen.

10:24

Using iPhone Device Frame

A vector phone bezel with a camera cutout that frames a photo, a looping video, or a blank placeholder inside its own rounded screen.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: bezelTone, screenContent, accentColor

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2298Android device frameMediaA vector Android phone bezel that frames a photo or looping video inside its screen with correctly rounded corners.

2308Browser window frameMediaA desktop browser window mockup with traffic-light dots and an address bar that frames a screenshot or looping video as its page content.

2329Cursor magnifier lensMediaA round lens follows the pointer over an image and magnifies only the small patch beneath it, like a handheld loupe.

2352Experience ShelfMediaA horizontally scrolling shelf of photo cards, each with a save button, badge, rating and price, that scrolls smoothly with arrow buttons or a swipe.

2735Halftone print loupeMediaA picture rendered as a screen of printed ink dots, with a round loupe under the pointer where the dots dissolve back into the smooth original.

2368Hover zoom frameMediaAn image that magnifies smoothly around the cursor on hover, or on tap, letting a visitor inspect detail without leaving the page.