Multi-Column Blocks

Use these multi-column examples to design interfaces featuring multiple columns, such as email inboxes, project management tools, or layouts with nested menus and settings screens. These designs have been carefully crafted to offer a variety of styles and configurations. All layouts are fully responsive, ensuring an optimized experience across desktop, tablet, and mobile screens.

Full Width Three Column

Found a bug? Let us know →

Full Width Secondary Right

Found a bug? Let us know →

Constrained Three Column

Your Company

Found a bug? Let us know →

Constrained With Sticky Columns

Your Company

Found a bug? Let us know →

Full Width With Narrow Sidebar

Found a bug? Let us know →

Full Width With Narrow Sidebar Header

Found a bug? Let us know →

Angular Material Blocks Logo

Angular Material Dev UI (or Angular Material Blocks) is one place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.

Find us on X (Twitter), LinkedIn, Instagram & Threads