Link In Bio
A mobile-first link hub with a centered avatar, name, one-line context, and a vertical stack of full-width buttons covering portfolio, newsletter, socials, and contact.
A mobile-first link hub with a centered avatar, name, one-line context, and a vertical stack of full-width buttons covering portfolio, newsletter, socials, and contact.
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
Link In Bio is a mobile-first hub centered around a single person: an AveryStone avatar, the name, and a one-line context note, product designer and design systems lead, working remotely from Lisbon, followed by a vertical stack of full-width buttons covering Portfolio, Newsletter, GitHub, LinkedIn, X, Instagram, and Contact.
Links are one typed array where each item carries a label, href, optional icon, and a variant so the primary button (Portfolio) draws filled while everything else is outline. The compact max-w-sm container keeps every button reachable with one thumb.
Drop this on a standalone /links page and point the bio link in your social profiles at it. The installer swaps the avatar, the one-line description, and each href, and removes any platforms they are not on.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the link-in-bio landing. Other layouts:
Tip: keep the primary button to one destination only, the button that would make the visit worthwhile if a visitor tapped nothing else.