Components
Loading preview...
This is a minimalist browser UI component inspired by modern web browsers, designed with a sleek dark theme and pixel-perfect detail. It features a realistic tab bar with a styled active tab, window control buttons (minimize, maximize, close), and a functional navigation header with back/forward buttons, URL input field, and a star icon for bookmarks. Built with React and Tailwind CSS, it replicates the look and feel of a real browser window in a compact, embeddable component—perfect for demos, design systems, or interactive prototypes.
@muhammad-binsalman
npx shadcn@latest add https://21st.dev/r/muhammad-binsalman/browser-simulatorimport { Browser } from "@/components/ui/browser-simulator";
export default function DemoOne() {
return <Browser />;
}