Mockups
Window
The window mockup presents content inside a styled container that mimics a standard OS window, ideal for showcasing apps, websites, or UI previews.
Basic examples
Bordered
Wtilize the `mockup-window` class as a container for the window mockup and apply Tailwind utility classes such as `border` and `background-color` for styling.
Hello!
Background color
Window mockup featuring a customizable background color. Update it to your preference using the `bg-*` Tailwind utility class.
Hello!
Image
Window mockup featuring a image.
Class referenceThe component, style, color, state, size and modifier classes available for this component.
| Class | Type | Description |
|---|---|---|
mockup-window | component | Container element. |