iPhone Mockup

iPhone frame with dynamic island — pure CSS.

Library

Velora UI

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add https://velora.colorlib.com/r/iphone-mockup.json

Files

• src/components/velora/iphone-mockup.tsx
• src/lib/utils.ts

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Media Components
• React Media Components
• Tailwind CSS Media Components
• Mockup Components
• React Mockup Components
• Tailwind CSS Mockup Components

More from Velora UI

• Browser Mockup
• Container Scroll
• Split CTA with product visual
• Alternating screenshot rows
• Tabbed product tour
• Product screenshot hero
• Phone split hero
• Macbook Scroll
• 3D Card
• 3D Marquee
• 3D Pin
• Animated Beam