Marketing hub
Give the library an app's screens and product details; it provides the gallery, the prototype page, device frames, the Google Play badge, captures and a video embed API.
Read the guideMaterial Design components for product pages and app marketing
Lit custom elements on Material Web: code blocks, navigation, app showcases, and a complete marketing hub for Android apps built with App Toolkit.
npm install material-next-web-components lit @material/webimport 'material-next-web-components/code-block.js';
import {mountMarketingGallery} from 'material-next-web-components/marketing.js';What's inside
Import only the modules you use. Each element follows the page's Material colour roles and works with Material Web's own components.
Code block
Copyable samples with Google Sans Code and syntax colours. Stable.
Code blockNavigation
Expressive tabs, a documentation sidebar and a table of contents, with cancelable navigation events.
Expressive tab barApp showcase
Cards for a developer's Android apps from a JSON endpoint.
App showcaseDocumentation layout
The shell, top app bar and page this site is built with.
Docs shell and pageAPI reference
Properties, attributes, events, slots and styling hooks, generated from the source.
API referenceStatus
Material Next is at version 0.2. The code block is stable; the other elements are experimental and can change between minor versions until 1.0, and the documentation layout elements are internal candidates. The roadmap lists each part's status.