Overview

FaceBloc renders every person in your Entra ID tenant as a canvas-based photo grid running at 60 fps. Users scroll through faces naturally, click to expand a callout with contact details, and launch a Teams call, chat, or email with one tap.

The directory stays up to date automatically. New hires appear as soon as they exist in Entra ID. Out-of-office indicators, manager badges, and department groupings give people the context they need before reaching out.

For admins, FaceBloc offers configurable zoom levels, Handlebars-based callout templates, department and location filtering, and config export/import to replicate settings across sites.

In action

Browse the photo grid

Users scroll through a canvas-rendered grid of employee photos. Click any face to expand a callout with contact details, presence status, and one-click actions for Teams, chat, or email.

FaceBloc photo grid showing employee faces with a callout expanded on one person

Configure zoom and callout templates

Admins choose zoom levels, customize the callout layout with Handlebars templates, and set department and location filters — all from the web part property pane.

FaceBloc property pane showing zoom, template, and filter configuration

Filter by department or location

Users narrow the directory to a specific department, office, or custom attribute. Useful for large organizations where you need to find people in a particular team fast.

FaceBloc grid filtered to the Engineering department

Key features

🖼

Canvas-based 60fps grid

Hardware-accelerated rendering for smooth scrolling through thousands of profile photos without jank.

🔍

Configurable zoom

Three zoom levels (1x, 2x, 3x) let users switch between overview and detail without leaving the grid.

💬

Teams integration

One-click buttons for Teams call, Teams chat, and email directly from the person callout.

👑

Manager badges

Visual indicators for managers and leadership roles, pulled from the Entra ID reporting chain.

🌍

Out-of-office indicators

See who is available at a glance with presence and OOO status from Microsoft Graph.

🎯

Department & location filtering

Filter the directory by department, office location, or custom Entra ID attributes.

⭐

Favorites synced to Outlook

Users can star frequently contacted colleagues. Favorites sync to Outlook contacts automatically.

🔧

Handlebars callout templates

Customize the person callout layout with Handlebars templates. Export and import config across sites.

What people are saying

We built FaceBloc because we had 400 people across three offices and nobody could put faces to names. After deploying it on our intranet homepage, new hires told us it cut their first-week awkwardness in half.

Vitaly Franko

Founder, Vitendy

Our HR team was maintaining a manually updated photo directory in a Word document. FaceBloc replaced it with something that stays current automatically. People actually use it now — especially before cross-department meetings.

Sarah Chen

Internal Communications Manager, Meridian Financial Group

Frequently asked questions

What does FaceBloc do?

FaceBloc displays every person in your Entra ID directory as an interactive photo grid on any SharePoint page. Users can search, filter, and click any face to see contact details and start a Teams conversation.

How does deployment work?

FaceBloc ships as a standard .sppkg package. Upload it to your tenant app catalog, approve the API permissions in the SharePoint admin center, and add the web part to any modern page.

What permissions are required?

User.Read.All (required) to read directory profiles and photos. Presence.Read.All (optional) for out-of-office indicators. Contacts.ReadWrite (optional) for syncing favorites to Outlook.

What can I configure?

Zoom level (1-3x), callout template (Handlebars), visible departments and locations, sort order, card size, and whether to show manager badges and presence indicators. All settings can be exported and imported as JSON.

Who is it for?

Any organization that wants employees to find and connect with colleagues quickly. Especially useful for companies with 200+ people where you can't know everyone by sight.

FaceBloc — put faces to names.

Ready to try FaceBloc?