mockups
Tailwind CSS
Window The window mockup features a design that resembles a typical operating system window interface.
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.
Copy
toggleRTL($refs.previewFrame), 100);
}" class="size-9.5 border-neutral/10 rounded-btn text-base-content hover:bg-neutral/[0.03] flex items-center justify-center gap-2 border max-sm:hidden">
Window mockup featuring a customizable background color. Update it to your preference using the bg-*
Tailwind utility class.
Copy
toggleRTL($refs.previewFrame), 100);
}" class="size-9.5 border-neutral/10 rounded-btn text-base-content hover:bg-neutral/[0.03] flex items-center justify-center gap-2 border max-sm:hidden">
Window mockup featuring a image.
Copy
toggleRTL($refs.previewFrame), 100);
}" class="size-9.5 border-neutral/10 rounded-btn text-base-content hover:bg-neutral/[0.03] flex items-center justify-center gap-2 border max-sm:hidden">