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 "ouf-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 cxommitted 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 ahve 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

First Release

General Release

Support Links

Last Updated On

Admin Center

Oct 2017

1st Quarter 2018

https://techcommunity.microsoft.com/t5/SharePoint-Blog/Introducing-the-new-SharePoint-Admin-Center/ba-p/70294

 

Communication Sites

June 2017

Sept 2017

https://support.office.com/en-us/article/What-is-a-SharePoint-communication-site-94a33429-e580-45c3-a090-5512a8070732?ui=en-US&rs=en-US&ad=US

https://support.office.com/en-us/article/create-a-communication-site-in-SharePoint-Online-7fb44b20-a72f-4d2c-9173-fc8f59ba50eb

 

Flow Integration

March 2017

 

 

 

Hub Sites

First Half of 2018

??

https://techcommunity.microsoft.com/t5/SharePoint-Blog/SharePoint-hub-sites-new-in-Office-365/ba-p/109547

http://youtu.be/eFbJxW3XA7I

 

Metadata Navigation

Nov 2016

June 2017

https://support.office.com/en-us/article/Use-filters-to-change-your-view-of-files-or-list-items-293561ed-fb2e-4fb2-9a9f-8a21e299e323?ui=en-US&rs=en-US&ad=US

 

Modern Link Lists & Announcement Lists

 

Aug 2017

https://techcommunity.microsoft.com/t5/SharePoint-Blog/Improving-SharePoint-Links-and-Announcements-lists/ba-p/92379

 

New Column Creation

 

Aug 2017

https://support.office.com/en-us/article/Create-a-column-in-a-SharePoint-list-or-library-2b0361ae-1bd3-41a3-8329-269e5f81cfa2?ui=en-US&rs=en-US&ad=US#ID0EAADAAA=Online

 

SharePoint Fx

--

February 2017

https://github.com/SharePoint/sp-dev-docs

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-overview

 

SharePoint Fx Extensions

--

Sept 2017

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/overview-extensions

 

Team Sites (Modern)

Dec 2016

March 2017

https://support.office.com/en-us/article/What-is-a-SharePoint-team-site-75545757-36c3-46a7-beed-0aaa74f0401e?ui=en-US&rs=en-US&ad=US

https://support.office.com/en-us/article/Create-a-team-site-in-SharePoint-Online-ef10c1e7-15f3-42a3-98aa-b5972711777d

 

Theming

Aug 2017

Dec 2017

https://support.office.com/en-US/article/Change-the-look-of-your-SharePoint-site-06bbadc3-6b04-4a60-9d14-894f6a170818

 

 

 

 

 

 

Modern Web Parts

 

 

https://support.office.com/en-us/article/Using-web-parts-on-SharePoint-Online-pages-336e8e92-3e2d-4298-ae01-d404bbe751e0?ui=en-US&rs=en-US&ad=US
 

 

  • Bing Maps

Feb 2017

Sept 2017

https://support.office.com/en-us/article/Use-the-Bing-Maps-web-part-on-a-page-c0e3f2f6-dc0d-49df-9308-1bf7c888e794

 

  • Connector

 

 

 

 

  • Document

Sept 2016

Feb 2017

https://support.office.com/en-us/article/Use-the-Document-web-part-on-a-page-e53a9602-e7b3-4fff-9126-de2f18d1900c

 

  • Document Library

May 2017

Sept 2017

https://support.office.com/en-us/article/Use-the-Document-Library-web-part-on-a-page-a9dfecc3-2050-4528-9f00-2c5afc5731b0

 

  • Divider & Spacer

Nov 2017

Jan 2018

 

 

  • Embed

Sept 2016

Feb 2017

https://support.office.com/en-us/article/Use-the-Embed-web-part-on-a-page-721f3b2f-437f-45ef-ac4e-df29dba74de8

 

  • Events

June 2017

Sept 2017

https://support.office.com/en-US/article/Use-the-Events-web-part-5FE4DA93-5FA9-4695-B1EE-B0AE4C981909

 

  • File Viewer

Nov 2017

Jan 2018

(replaces Document Web Part)

 

 

  • Group Calendar

Aug 2017

Jan 2018

https://support.office.com/en-us/article/Use-the-Group-calendar-web-part-eaf3c04d-5699-48cb-8b5e-3caa887d51ce

 

  • Hero

June 2017

Sept 2017

https://support.office.com/en-us/article/Use-the-Hero-web-part-d57f449b-19a0-4b0d-8ce3-be5866430645?ui=en-US&rs=en-US&ad=US

 

  • Highlighted Content

Sept 2016

(Updated Nov 2017)

Feb 2017
(Jan 2018)

https://support.office.com/en-us/article/Use-the-Highlighted-content-web-part-on-a-page-e34199b0-ff1a-47fb-8f4d-dbcaed329efd

 

  • Image

Sept 2016

Feb 2017

https://support.office.com/en-us/article/Use-the-Image-web-part-on-a-page-a63b335b-ad0a-4954-a65d-33c6af68beb2

 

  • Image Gallery

Feb 2017

Sept 2017

https://support.office.com/en-us/article/Use-the-Image-Gallery-web-part-on-a-page-bbcbe560-14a7-4369-8ef5-3255845e3bfd

 

  • Link

June 2017

Sept 2017

https://support.office.com/en-us/article/Use-the-Link-web-part-19c37587-118a-4813-b25a-192f3bd829d9?ui=en-US&rs=en-US&ad=US

 

  • List

May 2017

Sept 2017

https://support.office.com/en-us/article/Use-the-List-web-part-on-a-page-ef0a1b80-f8b3-443d-b04a-1e76c70b5537

 

  • MS Forms

Nov 2017

Jan 2018

https://support.office.com/en-us/article/Use-the-Microsoft-Forms-web-part-d4b4d3ce-7860-41e4-8a98-76380efe7256

 

  • News

Sept 2016

Feb 2017

https://support.office.com/en-us/article/Use-the-News-web-part-on-a-page-c2dcee50-f5d7-434b-8cb9-a7feefd9f165

 

  • Office 365 Video

Sept 2016

Feb 2017

https://support.office.com/en-us/article/use-the-Office-365-Video-web-part-on-a-page-083d1a86-21d3-4d75-8189-e97f6f53ab53

 

  • People

June 2017
(Updated Nov 2017)

Sept 2017
(Jan 2018)

https://support.office.com/en-us/article/Use-the-People-web-part-7e52c5f6-2d72-48fa-a9d3-d2750765fa05

 

  • Planner

 

 

 

 

  • Power BI

Feb 2017

Sept 2017

https://support.office.com/en-us/article/Use-the-Power-BI-web-part-on-a-page-32d8b85f-094d-4152-8e3b-df641ccf3968

 

  • Quick Chart

Feb 2017

Sept 2017

https://support.office.com/en-us/article/Use-the-Quick-Chart-web-part-on-a-page-bcfee244-2408-400b-a9bd-4eca61aead51

 

  • Quick Links

Sept 2016

Sept 2017

https://support.office.com/en-us/article/Use-the-Quick-Links-web-part-on-a-page-e1df7561-209d-4362-96d4-469f85ab2a82

 

  • Section Layouts
    • Full-width
    • One-Third Right
    • One-Third Left
    • Three Column
    • Two Column
    • One Column

June 2017

Sept 2017

 

 

  • Site Activity

June 2017

Sept 2017

https://support.office.com/en-us/article/Use-the-Site-Activity-web-part-on-a-page-1fa91401-ac36-42b6-beba-bb8469d6cbfa

 

  • Stream

 

July 2017

https://support.office.com/en-us/article/Use-the-Stream-web-part-b97fa87c-1337-4271-a059-17f0d2b26e8b

 

  • Text

Sept 2016

Feb 2017

https://support.office.com/en-us/article/Add-text-to-your-page-with-the-Text-web-part-729c0aa1-bc0d-41e3-9cde-c60533f2c801

 

  • Twitter

 

 

 

 

  • Yammer Conversations

Sept 2017

Dec 2017

 

 

  • Yammer Feed

Sept 2016

Feb 2017

https://support.office.com/en-us/article/Use-the-Yammer-Feed-web-part-on-a-page-a53cfa0c-3d09-42c8-a286-1038a81c59da