Basic
A screenshot in a .mockup-browser frame, with the window dots and an address bar.
Your page goes here
Secure address
Put a lock icon before the address to show a secure page.
Your page goes here
Without an address bar
Leave out .mockup-browser-url for a plain window frame.
Your page goes here
Sizes
Add .mockup-browser-sm for a 24px toolbar with smaller dots and text, for thumbnails and cards.
Your page goes here
Your page goes here
Any content
The body takes any markup, not only an image, so a component can be shown as a page.
Create an account
Custom look
Set the --tblr-mockup-browser-* variables for a dark toolbar, other window dot colors or no shadow.
Your page goes here