Browser window

The BrowserWindow component is a stylized frame that mimics a browser interface. It’s useful for showcasing content such as UI mockups, websites, or interface previews within a realistic container.

Default

<BrowserWindow>
  <div className="w-full h-full bg-white flex items-center justify-center">
    Your UI goes here
  </div>
</BrowserWindow>

Dark

<BrowserWindow mode="dark">
  <div className="w-full h-full bg-gray-900 flex items-center justify-center">
    Your dark UI goes here
  </div>
</BrowserWindow>

Usage

The BrowserWindow component can be referenced using the following format:

import BrowserWindow from "../../components/BrowserWindow";