Mockups

Browser

The browser mockup features a design that resembles a browser window, complete with typical interface elements and layout.

Basic examples

Bordered

The `mockup-browser` class serves as a container for the browser mockup, while `mockup-browser-toolbar` acts as a container for the header links within the mockup.

https://semji.com
Hello!

Background color

Browser mockup featuring a customizable background color. Update it to your preference using the `bg-*` Tailwind utility class.

https://semji.com
Hello!

Image

Browser mockup featuring a image.

https://semji.com
browser background
Class referenceThe component, style, color, state, size and modifier classes available for this component.
ClassTypeDescription
mockup-browsercomponentContainer element.
mockup-browser-toolbarpartThe toolbar that can include address bar or other things.