A
Auralix UI

SafariMockup

Safari browser window mockup with title bar.

Preview

auralix-ui.dev
Website Content

Installation

bash
npx auralix-ui add safari-mockup

Usage

Safari Window

tsx
import { SafariMockup } from "@/components/ui/SafariMockup";

<SafariMockup url="auralix-ui.dev">
  <div className="p-4">Website content</div>
</SafariMockup>

Props

NameTypeDefaultDescription
urlstring"example.com"URL to display.
childrenReactNode-Page content.