Portfolio Grid
A filterable grid of portfolio projects with category filter buttons. Provided by the Portfolio extension — activate it from Unyson+ → Extensions for this element to appear in the builder. Tabs: Content, Layout, Styling, Animations, Advanced.
💡 Web dev tip: reserve space so a loading grid doesn't jump
When a grid of thumbnails loads in, images that arrive without a known width and height push the rest of the page down as they pop in — a layout shift that's jarring and actively hurts a page's Core Web Vitals score. UnysonPlus renders each project thumbnail with its dimensions and a fixed image ratio up front, so the grid holds its shape while images load rather than reflowing under you. web.dev: Cumulative Layout Shift
Content
| Option | Choices |
|---|---|
| Categories | Limit to these portfolio categories (empty = all) |
| Number of projects | Default -1 (all) |
| Featured only | Show only featured projects |
| Order by | Date · Custom order · Title · Random |
| Order direction | Descending · Ascending |
Layout
| Option | Choices |
|---|---|
| Columns (Desktop) | 1–6 |
| Gap | Pixels (default 24) |
| Thumbnail Image Size | Thumbnail · Medium · Medium Large · Large · Full |
| Category filters | Show filter buttons |
| Show summary | Display project summaries |
Styling
Text Color, Background Color, a Font Size Preset, and Margin & Padding.