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

Full Width Secondary Right

Constrained Three Column

Your Company

Constrained With Sticky Columns

Your Company

Full Width With Narrow Sidebar

Full Width With Narrow Sidebar Header

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