Deep Dive: SharePoint Modern UI Web Parts

Keep up on the latest from Microsoft and O365

With Office 365 SharePoint has never looked better. The Modern UI is sexy and really does break free from the boring “out-of-the-box” user interface that has been the SharePoint brand for so long. At the recent Ignite Conference SharePoint announced even more exciting features and webparts. But in many cases, we are going to have to wait for Microsoft to release them. 2Plus2 is here to help. We will keep this page updated with the latest on the Modern UI.

We’ve also got some great resources to help you build your understanding of what, when and how to make the most of the Modern UI:

Since the introduction of the Modern UI, Microsoft has been developing and releasing new web parts and SharePoint Online features that work specifically (and exclusively) with the new interface. While the Classic UI is not going away any time soon, the Modern UI is the interface of the future. Here at 2Plus2 we are committed to keeping track of the new Modern UI features that have been released or are pending release from Microsoft.

We’ll update this page every couple of months with the latest information available, along with helpful links so you have the latest. It’s important to note that several web parts have been announced or discussed, but no hard dates are currently available. And there are other web parts released (officially) and already going through revisions and updates.

Book mark this page and we’ll help you keep tabs on the every changing landscape of the Modern UI features.

Component Targeted Release General Release Support Links Last Updated On
Admin Center Jan 2018 1st Half 2018 Introducing the new SharePoint Admin Center  05/16/2017
Bulk Metadata Editing Jan 2018 Mar 2018 Bulk edit SharePoint metadata 01/12/2018
Column Formatter Dec 2017 Jan 2018 Use column formatting to customize SharePoint 01/12/2018
Communication Sites June 2017 Sept 2017 What is a SharePoint communication site?

Create a communication site in SharePoint Online
Custom metadata integration with modern SharePoint Online pages and news April 2018 May 2018     04/05/2018
Flow Integration March 2017  May 2017 Introducing Microsoft Flow integration for SharePoint Document Libraries   05/10/2017
Hub Sites Mar 2018 May 2018 Organize your intranet with SharePoint hub sites
SharePoint hub sites overview (webinar on-demand)
Create a hub site in SharePoint Online
Metadata Navigation Nov 2016 June 2017 Use filters to change your view of files or list items   05/31/2017
Modern Link Lists & Announcement Lists  Aug 2016 Aug 2017 Improving SharePoint Links and Announcements lists

Differences between the new and classic experiences for lists and libraries
New Column Creation  June 2017 Aug 2017 Create a simple column in a SharePoint Online list or library   07/15/2017
SharePoint Fx -- February 2017 Git Hub - SharePoint/sp-dev-docs

Overview of the SharePoint Framework
SharePoint Fx Extensions -- Sept 2017 Overview of SharePoint Framework Extensions   12/15/2017
Team Sites (Modern) Dec 2016 March 2017 What is a SharePoint team site?

Create a team site in SharePoint Online
Theming Aug 2017 Dec 2017 Change the look of your SharePoint site

Customizing the "modern" experiences in SharePoint Online

Create and use custom SharePoint site designs in Office 365

Modern Web Parts
Using web parts on SharePoint Online pages
  • Bing Maps
Feb 2017 Sept 2017 Use the Bing Maps web part   11/3/2017
  • Connectors
Sept 2017 Mar 2018 Use the Connector web part   03/19/2018
  • Divider
Nov 2017 Jan 2018 Add a line between web parts with the Divider web part   01/08/2018
  • Document
Sept 2016 Feb 2017 Replaced by the File Viewer   11/3/2017
  • Document Library
May 2017 Sept 2017 Use the Document Library web part   11/3/2017
  • Embed
Sept 2016 Feb 2017 Use the Embed web part   11/3/2017
  • Events
June 2017 Sept 2017 Use the Events web part  11/3/2017
  • File Viewer
Nov 2017 Jan 2018 Use the File viewer web part
(replaces Document Web Part)
  • Group Calendar
Aug 2017 Jan 2018 Use the Group calendar web part  11/3/2017
  • Hero
June 2017 Sept 2017 Use the Hero web part  11/3/2017
  • Highlighted Content
Sept 2016
(Updated Nov 2017)
Feb 2017
(Jan 2018)
Use the Highlighted content web part  11/3/2017
  • Image
Sept 2016
(Updated Nov 2017)
Feb 2017
(Jan 2018)
Use the Image web part  03/19/2018
  • Image Gallery
Feb 2017 Sept 2017 Use the Image Gallery web part  11/03/2017
  • Kindle Instant Preview
Jan 2018 Mar 2018 Use the Kindle instant preview web part  03/21/2018
  • Link
June 2017 Sept 2017 Use the Link web part  11/3/2017
  • List
May 2017 Sept 2017 Use the List web part  11/3/2017
  • MS Forms
Nov 2017 Jan 2018 Use the Microsoft Forms web part  01/10/2017
  • News
Sept 2016 Feb 2017 Use the News web part on a SharePoint page  11/3/2017
  • Office 365 Video
Sept 2016 Feb 2017 Use the Office 365 Video web part  11/3/2017
  • People
June 2017
(Updated Nov 2017)
Sept 2017
(Jan 2018)
Show people profiles on your page with the People web part  11/3/2017
  • Planner
Sept 2017 Mar 2018 Use the Planner web part  02/27/2018
  • Power Apps
Mar 2018 Jun 2018    03/19/2018
  • Power BI
Feb 2017
(Updated: Jan 2018)
Sept 2017
(Mar 2018)
Use the Power BI web part  03/19/2018
  • Quick Chart
Feb 2017 Sept 2017 Use the Quick Chart web part  11/3/2017
  • Quick Links
Sept 2016 Sept 2017 Use the Quick Links web part  11/3/2017
  • Section Layouts (Full-width, One-Third Right, One-Third Left, Three Column, Two Column, One Column)
June 2017 Sept 2017 Add or remove columns on a page  11/3/2017
  • Site Activity
June 2017 Sept 2017 Use the Site Activity web part  11/3/2017
  • Sites
Oct 2017 Mar 2018 Use the Sites web part  03/21/2018
  • Spacer
Nov 2017 Jan 2018 Add vertical space to a page with the Spacer web part   01/08/2017
  • Stream
  July 2017 Use the Stream web part  11/3/2017
  • Text
Sept 2016
(Updated Nov 2017)
Feb 2017
(Feb 2018)
Add text to your page with the Text web part  03/19/2018
  • Twitter
Sept 2017 Mar 2017 Use the Twitter web part  02/27/2018
  • Yammer Conversations
Dec 2017 Mar 2018 Use the Yammer web part 12/15/2017
  • Yammer Feed
Sept 2016 Feb 2017 Replaced by Yammer Conversations 12/15/2017
  • YouTube
Mar 2018 Jun 2018   03/19/2018


Do you need help building a roadmap for your intranet? In future blogs, we are going to delve a bit deeper into the planning, development, and implementation stages of the intranet process. However, our team at 2 Plus 2 is also skilled at developing SharePoint intranets and can help guide you through the entire workload. Go online to schedule a free consultation with our team or call 510-652-7700 today.

Call To Action

Here's everything you need to know about SharePoint's sexy Modern UI.

Get your FREE eGuide
Need help figuring out SharePoint's sexy new Modern UI? Click here to get Your Free Downloadable Guide