Product Showcase
A split header over an app window mockup: a triage inbox where incoming feedback is auto-routed into labeled, assigned issues. Shows the product in action.
A split header over an app window mockup: a triage inbox where incoming feedback is auto-routed into labeled, assigned issues. Shows the product in action.
Search blocks by description or jump to a page.
The source for every Modern SaaS block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Product Showcase puts your interface front and center. A two-column split header sits above a full-width app window mockup. The left column holds the headline and the right holds a short lede paragraph plus a versioned "How it works" link. Below the header, a rounded app window shows a triage inbox: a sidebar with nav items and source filters on the left, and a main panel listing incoming feedback rows, each tagged with a source badge, a colored category label, and an assigned avatar on the right.
The header copy and the window are independent, so you can restyle either one without touching the other. The sidebar nav items, inbox rows, label colors, and assignee initials are all plain data you can swap freely.
Reach for this block on a product-led landing page or a launch page for an AI assistant where seeing the interface sells harder than describing it. It lands best a little below the fold, once a visitor knows what the tool does and wants proof of how it handles real work, so give it room in the upper middle of the page rather than the very top. Compared to a bento grid, this layout puts all the visual weight on one focused view rather than spreading it across many cells, which works well when one workflow tells the whole story.
A natural flow around it on a Modern SaaS page:
Before
After
The obvious fit is a screenshot of your product doing real work. A few concrete directions:
Tip: keep whatever sits in the window high contrast and uncluttered. The frame draws the eye, so the content inside has to reward the look.