Safari Demo

PreviousNext

Example showing a Safari browser mockup.

Docs
magicuiexample

Preview

Loading preview…
registry/example/safari-demo.tsx
import { Safari } from "@/registry/magicui/safari"

export default function SafariDemo() {
  return (
    <div className="w-[1203px]">
      <Safari url="magicui.design" />
    </div>
  )
}

Installation

npx shadcn@latest add @magicui/safari-demo

Usage

import { SafariDemo } from "@/components/safari-demo"
<SafariDemo />