iPhone 模拟

iPhone手机的SVG模型。

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/iphone-mockup.json"

复制并粘贴以下代码：

iPhone15ProMockup.vue

Prop 名称	类型	默认值	描述
`width`	`number`	`433`	Width of the mockup SVG in pixels.
`height`	`number`	`882`	Height of the mockup SVG in pixels.
`src`	`string`	`null`	URL of the image to display inside the mockup.

Realistic iPhone 15 Pro Mockup: Provides an accurate SVG representation of the iPhone 15 Pro, perfect for showcasing mobile app designs or website previews.
Customizable Dimensions: Adjust the width and height props to fit your specific design requirements.
Image Display Support: Use the src prop to insert any image into the mockup screen area, allowing for dynamic content display.
Light and Dark Mode Compatibility: The mockup adapts its colors based on the theme, ensuring consistency in both light and dark modes.
Easy Integration: Simple to include in your Vue projects with minimal setup.

本页