Components
Loading preview...
The Browser component lets you showcase website screenshots or any other content within a realistic browser-style frame.
npx shadcn@latest add https://21st.dev/r/designali-in/browserimport { 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>
)
}