The Browser component lets you showcase website screenshots or any other content within a realistic browser-style frame.
import { Browser } from "@/components/ui/browser"; export default function DemoOne() { return ( <div className="h-[820px] w-full p-3"> <Browser image="https://raw.githubusercontent.com/dalim-in/dalim/refs/heads/main/apps/www/public/dalim.png" initialUrl="https://www.dalim.in" showWindowControls={true} showBookmarksBar={true} showStatusBar={true} enableTabManagement={true} enableBookmarks={true} enableHistory={true} enableDownloads={true} enableSettings={true} maxTabs={8} simulateLoading={true} loadingDuration={1500} /> </div> ) }