Links Grid
A responsive grid of link cards covering portfolio, newsletter, shop, calendar, and social channels, each with an icon, a bold label, and a short destination note.
A responsive grid of link cards covering portfolio, newsletter, shop, calendar, and social channels, each with an icon, a bold label, and a short destination note.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Links Grid opens with Everything in one place and a lede of work, writing, resources, and social channels, then renders nine link cards in a responsive grid: Portfolio fieldstudio.co/work, Newsletter weekly design notes, Shop templates and resources, Book a call 30 min intro session, GitHub, LinkedIn, X, Instagram, and Email. Each card pairs an icon with a bold label and a short destination note.
Cards are one typed array where every item carries a label, destination string, href, and icon component. Mixing work, shop, calendar, and socials in the same grid makes it a more useful hub than a plain social list.
Reach for this block as a central links page or a profile section on a personal site. The installer swaps the nine destinations for their own channels and removes any they do not use.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the all-channels grid. Other layouts:
Tip: put the most valuable destination in the top-left card, it gets the most attention on any grid layout.