Honeycomb on a strong section background
- Tile shape: Hexagon
- Tile size: 92 px
- Tile border and background: On
- Card frame: Off
- Section background: Strong
FreeWeb partSharePoint OnlineSPFx
Free SharePoint link mosaic web part
Zen Link Mosaic gives a landing page an eye-catching mosaic of icon links: a honeycomb of hexagons, a grid of circles or rounded squares. Links come from a SharePoint list the web part can create for you.
Features
What Zen Link Mosaic does
Three tile shapes
Hexagon honeycomb, circles or rounded squares.
List-driven
Add, reorder or hide links in the list; the page updates itself.
Images or icons
Attached image, image URL or Fluent UI icon, in that order.
Adjustable
Tile size, titles on or off, optional ring and background per tile.
Shares a list with Zen Quick Links
One list, two presentations.
Creates its own list
One button in the settings creates the list with sample links.
See it in action
4 ways to use Zen Link Mosaic
These are live replicas of the web part on a SharePoint Online page, built from the same content as our showcase intranet. Try the buttons, search and arrows. Each example lists the settings it uses.
Honeycomb, icons only
- Tile shape: Hexagon
- Tile size: 80 px
- Tile border and background: Off
- Card frame: On
Circles and rounded squares
- Tile shape: Circle / Square
- Tile size: 72 px
- Section: Two columns, soft background
Small tiles in three columns
- Tile size: 56 px
- Show titles: Off
- Section: Three columns
Configuration
The property pane, setting by setting
This is what an editor sees after choosing Edit web part. The Zen Systems group at the bottom is in every Zen web part.
Zen Link Mosaic
Zen Link Mosaic by Zen Systems. Icon links from a SharePoint list arranged as a honeycomb, circles or squares.
Data source
List nameZenAppsColumns: Title, LinkUrl, ImageUrl, Icon, OpenInNewTab, IsActive, SortOrder. Tile image: attachment, then ImageUrl, then Icon. The same list works with Zen Quick Links.
Creates the list with the right columns and sample items.
Layout
Title (optional)Microsoft 365 apps
Tile shape
- Hexagon (honeycomb) (selected)
- Circle
- Square
Tile size (px)
Show titles under tilesOn
Tile border and backgroundOn
Card frame around the web partOff
Zen Systems
This web part is built and maintained by Zen Systems and is free to use in your SharePoint Online tenant.
Visit zensystems.inContact usEmail enquiry@zendigitalsystems.in
Need a custom web part, an extra feature, or a complete intranet? We build SharePoint Framework solutions to order. Email us or use the contact page and we will reply within one working day.
Settings
| Setting | What it does |
|---|---|
| List name | The SharePoint list that holds your links (default ZenQuickLinks). |
| Create the list on this site | Creates the list with the right columns and sample links. |
| Title | An optional heading above the mosaic. |
| Tile shape | Hexagon, circle or square. |
| Tile size | The size of each tile in pixels. |
| Show titles | Link text under each tile. |
| Tile border and background | Ring, background and shadow on each tile. Off by default. |
| Card frame | A white card behind the whole web part. On by default. |
List columns
The same list as Zen Quick Links.
| Column | Type | Purpose |
|---|---|---|
Title | Single line of text | Link text. |
LinkUrl | Hyperlink | Where the link goes. |
ImageUrl | Hyperlink | Optional image for the tile. |
Icon | Single line of text | Fluent UI icon name, used when there is no image. |
OpenInNewTab | Yes/No | Opens the link in a new tab. |
IsActive | Yes/No | Shows or hides the link. |
SortOrder | Number | Display order, lowest first. |
Setup
Install it in a few minutes
Zen Link Mosaic
Version 1.0.4 · 86 KB · .zip with the .sppkg package and an install guide. Free for any SharePoint Online tenant.
Download (.zip, package + install guide) for Zen Link MosaicDownload the package
Download the free
.zipfor Zen Link Mosaic. It holds the.sppkgpackage and an install guide.Add it to your App Catalog
A SharePoint administrator uploads the package to the tenant App Catalog, ticks Make this solution available to all sites and selects Deploy.
Add it to a page
Edit a page, choose the plus sign and find the web part in the Zen Systems group.
Create the list
Open the web part settings and choose Create the list on this site. It adds the columns shown below and sample items.
Questions
Before you install
Quick Links or Link Mosaic?
Use Zen Quick Links for a compact filmstrip or many links; use Zen Link Mosaic for a bold honeycomb hero on a landing page. Both read the same list.
Is this web part really free?
Yes. Zen Systems provides Zen Link Mosaic free of charge to download and use in your organisation's SharePoint Online tenant.
Does it work with SharePoint Server on-premises?
It is built for SharePoint Online in Microsoft 365. We also build web parts for SharePoint Server Subscription Edition, 2019 and 2016; contact us if you need an on-premises version.
Can you customise it for our intranet?
Yes. We can adapt the design, add fields or build a fully custom version as part of our SPFx development service.
Need a custom web part?
We build SPFx web parts and extensions for SharePoint Online, and web parts, master pages and page layouts for SharePoint Server Subscription Edition, 2019 and 2016. Tell us what you need and we will reply within one business day.
More free web parts