When you add a modern page to a site, you add and customize web parts, which are the building blocks of your page.
Hover your mouse above or below an existing web part and you'll see a line with a circled +, like this:
Click + and you'll see all of the web parts that are available for you to use.
Note: Some functionality is introduced gradually to organizations that have opted in to the First Release program. This means that you may not yet see this feature or it may look different than what is described in the help articles.
Use the Text web part to add paragraphs to your page. Standard formatting options like styles, bullets, indentations, highlighting, and links are available. Add text to your modern page with the Text web part.
Use this web part to dynamically display content based on content type, filtering, or a search string. You can also set the scope of the search to a site or site collection, and sort the results. Use the Highlighted content web part on a modern page.
This web part automatically shows recent activity on your site, such as files uploaded, edits made, lists and libraries created, and so on. Just add the web part, and the latest activity is pulled in automatically. Use the Site Activity web part on a modern page.
Use this to insert an Excel, Word, PowerPoint, or Visio document on the page. Users will see the starting page of the document in a frame, and can scroll through the pages or even download the document. Use the Document web part on a modern page.
Use this to insert an image on the page, either from your site or your hard drive. Use the Image web part on a modern page.
Office 365 video
Use this to display a video right on the page from your organization's Office 365 Video portal. Use the Office 365 Video web part on a modern page
You can display content on your page from other sites like YouTube videos. Depending on the site, you can either use the site's address or embed code that the site provides. Use the Embed web part on a modern page.
Using this web part, you can "pin" items to your page for easy access. Use the Quick Links web part on a modern page.
News headlines and News list
You can keep your team in the loop as well as engage them with important or interesting stories by using the News feature on your page or site. You can quickly create eye-catching posts like announcements, people news, status updates, and more that can include graphics and rich formatting. Use News Headlines and News List web parts on a modern page.
Use the Image gallery web part to share collections of pictures on a page. Simply select your images with the file picker or drag them onto the web part. Once you’ve created your collection, you can drag and drop the images to reorder them as needed. Use the Image Gallery web part on a modern page.
Use the Bing maps web part to add a map to your page. Simply enter an address or a well known name and your map will appear. You can choose a different map type, such as road or aerial. You can also change the zoom level or give your map pin a friendly name. Use the Bing Maps web part on a modern page.
Use the Quick chart web part to add simple charts to your page. Enter your data points, add labels, pick your chart type -- column or pie -- and publish. Use the Quick Chart web part on a modern page
Power BI report
The Power BI report web part allows you to easily embed an interactive Power BI report on your page. The embedded reports are fully secure so you can easily create secure internal portals. Use the Power BI web part on a modern page.
Use the Link web part to add a link to an internal or external page, video, image, or document. Use the Link web part on a modern page.
If your organization has an active Yammer network (for example: www.yammer.com/contoso.com), you can enhance collaboration by embedding a Yammer feed on your page. Use the Yammer Feed web part on a modern page.
The List web part allows you to display a list and customize it with your own title, view, and even size. Users can view the list, or go the full list by clicking See all. Use the List web part on a modern page.
The Document Library web part allows you to display a document library and customize it with your own title, view, and even size. Users with appropriate permissions can view or edit files directly from the web part, or can go the full document library by clicking See all. Use the Document Library web part on a modern page.