These examples show you show to put style, layout, and components together to create beautiful interfaces. For specific details about each component or layout element, refer to those sections of the docs.
Explore the differences in cards across all viewport sizes.
Full-featured example of an admin dashboard built with cards.
A dialog used in a landing page after sign in.
A dialog use for logging in to the product.
A typical notification dialog for blocking actions.
A large drawer that opens from the right.
An interactive timeline example.
Learn about build-mode layout variations.
Use the grid to create a multi-column layout.
A basic page header example demonstrating design across all viewport sizes.
Use the region typically used for application menus as a home for a master detail view.