Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.


Docs
Safari

Safari

A safari browser mockup to showcase your website.

magicui.design

Installation

npx shadcn@latest add "https://magicui.design/r/safari"

Examples

With Image

magicui.design

With Video

magicui.design

Props

PropTypeDescriptionDefault
urlstringThe URL to display in the Safari address bar-
imageSrcstringThe source URL of the image to display in the Safari window-
videoSrcstringThe source URL of the video to display in the Safari window-
widthnumberThe width of the Safari window1203
heightnumberThe height of the Safari window753

The Safari component also accepts all properties of the SVGElement type.