Safari 模拟

Safari浏览器的SVG模型。

通过 CLI 安装

npm

pnpm

bun

yarn

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

复制并粘贴以下代码：

SafariMockup.vue

Prop 名称	类型	默认值	描述
`url`	`string`	`null`	URL displayed in the mockup's address bar.
`src`	`string`	`null`	URL of the image to display inside the mockup.
`width`	`number`	`1203`	Width of the mockup SVG in pixels.
`height`	`number`	`753`	Height of the mockup SVG in pixels.

Realistic Safari Browser Mockup: Provides an SVG representation of the Safari browser window, ideal for showcasing website designs.
Customizable Dimensions: Adjust the width and height props to fit your specific needs.
Address Bar URL Display: Use the url prop to display a custom URL in the mockup's address bar.
Image Display Support: Use the src prop to insert any image into the mockup's content area.
Light and Dark Mode Compatibility: The mockup adapts its colors based on the theme.

本页