Safari

Frame your web screenshots in a Safari window. Traffic light buttons, back/forward nav, lock icon in the address bar—all the details that make browser mockups look real. Pass an image or video and it clips to the content area. Two modes: full toolbar or minimal for cleaner presentation. Dark mode adapts automatically.

Safari preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/safari.json

npx shadcn@latest add https://www.shadcn.io/r/safari.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/safari.json

bunx shadcn@latest add https://www.shadcn.io/r/safari.json

Related Components

FAQ