BrowserFrame is a component that shows the browser device frame with custom content or iframe inside.
import BrowserFrame from "@/components/ui/BrowserFrame"; export default function Page() { return ( <BrowserFrame browserType="macOS" /> ) }
import BrowserFrame from "@/components/ui/BrowserFrame"; export default function Page() { return ( <BrowserFrame browserType="windows" /> ) }
import BrowserFrame from "@/components/ui/BrowserFrame"; export default function Page() { return ( <BrowserFrame browserType="macOS" url="https://nexus-kit.vercel.app" /> ) }
import BrowserFrame from "@/components/ui/BrowserFrame"; export default function Page() { return ( <BrowserFrame browserType="macOS" title="Nexus Kit" /> ) }
import BrowserFrame from "@/components/ui/BrowserFrame"; export default function Page() { return ( <BrowserFrame browserType="macOS" title="Nexus Kit" asIFrame url="https://nexus-kit.vercel.app" /> ) }
custom content
import BrowserFrame from "@/components/ui/BrowserFrame"; export default function Page() { return ( <BrowserFrame browserType="macOS" title="Nexus Kit"> <p className="p-4">custom content</p> </BrowserFrame> ) }