Check out BugBytes overview of labb

Window

<c-lb.mockup-window /> Markdown

Window mockup component for Django: display content inside a desktop OS window frame. Built with django-cotton, Tailwind CSS, and daisyUI 5.

Mockup Window renders a desktop OS-style window chrome with a title bar and three traffic-light buttons. Use it in documentation or marketing to frame desktop UI screenshots or demos.

Basic Window Mockup

Hello!
<c-lb.mockup-window class="border border-base-300 w-full">
  <div class="grid place-content-center border-t border-base-300 h-40">Hello!</div>
</c-lb.mockup-window>

API Reference

c-lb.mockup-window

Property Type Default Required Description
class string - No Additional CSS classes to apply
Slot Name Description
default Window content