Browser

<c-lb.mockup-browser /> Markdown

Browser mockup component for Django: wrap content in a realistic browser frame for demos. Built with django-cotton, Tailwind CSS, and daisyUI 5.

Mockup Browser wraps content in a simplified browser chrome with an address bar. Use it in documentation or marketing sections to show UI demos in a realistic web context.

Basic Browser Mockup

Preview

Hello!

Code

<c-lb.mockup-browser url="https://daisyui.com" 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-browser>

API Reference

`c-lb.mockup-browser`

Property	Type	Default	Required	Description
class	string	-	No	Additional CSS classes to apply
url	string	-	No	URL to display in the toolbar

Slot Name	Description
default	Browser content

Prev Stack

Next Code