Android

Android phone SVG mockup for app screenshots and videos in React

Display your Android app in a realistic device frame. Modern bezel-less design with rounded corners, front camera punch hole, and volume buttons. Pass an image or video and it clips to the screen automatically. Frame adapts to dark mode. Great for app store screenshots or landing pages.

Android preview

Scroll to load preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/android.json

npx shadcn@latest add https://www.shadcn.io/r/android.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/android.json

bunx shadcn@latest add https://www.shadcn.io/r/android.json

iPhone 15 Pro

iOS device frame

Safari

Browser mockup

Image Zoom

Zoomable images

FAQ

Was this page helpful?

Table

Data table with sortable columns and render props for React

iPhone 15 Pro

iPhone 15 Pro SVG mockup with Dynamic Island for app screenshots in React

Android

Android preview

Installation

Related Components

iPhone 15 Pro

Safari

Image Zoom

FAQ

How do I add my screenshot?

How do I control the size?

Can I change the frame color?

Does video work?