Safari

Component 198

About

Mockup of Safari

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Safari to your project and fits it to your theme.

Code

How Safari is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Safari } from "@/components/ui/safari";

export function SafariDemo() {
  return (
    <div className="relative">
      <Safari
        url="designali.in"
        src="https://cdn.21st.dev/assets/mirror/d0/d023008434ac2297cbdabba850ead88a51c30f8c8dcafd0a40c99f6d62f685df.jpg"
        className="size-full"
      />
    </div>
  );
}