Shared assets
Portfolio mockups
16:10 presentation canvases that stage a design in a device frame — browser, browser + phone, laptop, tilted collage and stacked screens — on a light, gray, dark or brand background. Figma: Portfolio mockups.
import
{ PortfolioMockup } from "@pepulux/ui"Browser
pepulux.com
Browser + phone
pepulux.com
9:41
Laptop
Tilted collage
Stacked screens
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| layout | "browser" | "browser-phone" | "laptop" | "collage" | "stack" | "browser" | How the devices are arranged |
| background | "light" | "gray" | "dark" | "brand" | "gray" | Canvas colour |
| image | string | — | Screenshot placed in every device |
| pattern | boolean | true | Subtle masked grid behind the devices |