Blocks

Building UI for Angular applications just got easier.

Angular MaterialTailwind CSS

Login with Email & Password
File Upload 4
Nav With Page Header
Grid List 1
Login with Email or Provider
Feature Section 2
Page Shell 1
Form Layout 1
Billing Usage 1
Login with Email & Password
File Upload 4
Nav With Page Header
Grid List 1
Login with Email or Provider
Feature Section 2
Page Shell 1
Form Layout 1
Billing Usage 1
Login with Email & Password
File Upload 4
Nav With Page Header
Grid List 1
Login with Email or Provider
Feature Section 2
Page Shell 1
Form Layout 1
Billing Usage 1
Login with Email & Password
File Upload 4
Nav With Page Header
Grid List 1
Login with Email or Provider
Feature Section 2
Page Shell 1
Form Layout 1
Billing Usage 1
Login with Email & Password
File Upload 4
Nav With Page Header
Grid List 1
Login with Email or Provider
Feature Section 2
Page Shell 1
Form Layout 1
Billing Usage 1
Simple With Icons
Form Layout 2
Grid List 2
With Comments
Page Shell 3
File Upload 1
Nav With Page Header
Feature Section 6
Simple With Icons
Form Layout 2
Grid List 2
With Comments
Page Shell 3
File Upload 1
Nav With Page Header
Feature Section 6
Simple With Icons
Form Layout 2
Grid List 2
With Comments
Page Shell 3
File Upload 1
Nav With Page Header
Feature Section 6
Simple With Icons
Form Layout 2
Grid List 2
With Comments
Page Shell 3
File Upload 1
Nav With Page Header
Feature Section 6
Simple With Icons
Form Layout 2
Grid List 2
With Comments
Page Shell 3
File Upload 1
Nav With Page Header
Feature Section 6
Onboarding Feed 1
Account User Management 2
Grid List 4
Empty State 1
Feature Section 7
Page Shell 3
Nav On Gray Background
Filterbar 11
File Upload 2
Onboarding Feed 1
Account User Management 2
Grid List 4
Empty State 1
Feature Section 7
Page Shell 3
Nav On Gray Background
Filterbar 11
File Upload 2
Onboarding Feed 1
Account User Management 2
Grid List 4
Empty State 1
Feature Section 7
Page Shell 3
Nav On Gray Background
Filterbar 11
File Upload 2
Onboarding Feed 1
Account User Management 2
Grid List 4
Empty State 1
Feature Section 7
Page Shell 3
Nav On Gray Background
Filterbar 11
File Upload 2
Onboarding Feed 1
Account User Management 2
Grid List 4
Empty State 1
Feature Section 7
Page Shell 3
Nav On Gray Background
Filterbar 11
File Upload 2
Filterbar 7
Form Layout 2
Feature Section 1
Page Shell 5
File Upload 3
Banner 1
Branded Nav with Compact Header
Grid List 6
Filterbar 7
Form Layout 2
Feature Section 1
Page Shell 5
File Upload 3
Banner 1
Branded Nav with Compact Header
Grid List 6
Filterbar 7
Form Layout 2
Feature Section 1
Page Shell 5
File Upload 3
Banner 1
Branded Nav with Compact Header
Grid List 6
Filterbar 7
Form Layout 2
Feature Section 1
Page Shell 5
File Upload 3
Banner 1
Branded Nav with Compact Header
Grid List 6
Filterbar 7
Form Layout 2
Feature Section 1
Page Shell 5
File Upload 3
Banner 1
Branded Nav with Compact Header
Grid List 6
File Upload 4
Nav With Page Header
Grid List 1
Form Layout 1
Login with Email & Password
Page Shell 1
Feature Section 2
Billing Usage 1
Login with Email or Provider
File Upload 4
Nav With Page Header
Grid List 1
Form Layout 1
Login with Email & Password
Page Shell 1
Feature Section 2
Billing Usage 1
Login with Email or Provider
File Upload 4
Nav With Page Header
Grid List 1
Form Layout 1
Login with Email & Password
Page Shell 1
Feature Section 2
Billing Usage 1
Login with Email or Provider
File Upload 4
Nav With Page Header
Grid List 1
Form Layout 1
Login with Email & Password
Page Shell 1
Feature Section 2
Billing Usage 1
Login with Email or Provider
File Upload 4
Nav With Page Header
Grid List 1
Form Layout 1
Login with Email & Password
Page Shell 1
Feature Section 2
Billing Usage 1
Login with Email or Provider
Simple With Icons
Form Layout 2
With Comments
File Upload 1
Nav With Page Header
Grid List 2
Feature Section 6
Page Shell 3
Simple With Icons
Form Layout 2
With Comments
File Upload 1
Nav With Page Header
Grid List 2
Feature Section 6
Page Shell 3
Simple With Icons
Form Layout 2
With Comments
File Upload 1
Nav With Page Header
Grid List 2
Feature Section 6
Page Shell 3
Simple With Icons
Form Layout 2
With Comments
File Upload 1
Nav With Page Header
Grid List 2
Feature Section 6
Page Shell 3
Simple With Icons
Form Layout 2
With Comments
File Upload 1
Nav With Page Header
Grid List 2
Feature Section 6
Page Shell 3
Account User Management 2
Feature Section 7
Empty State 1
Nav On Gray Background
Page Shell 3
Grid List 4
Filterbar 11
File Upload 2
Onboarding Feed 1
Account User Management 2
Feature Section 7
Empty State 1
Nav On Gray Background
Page Shell 3
Grid List 4
Filterbar 11
File Upload 2
Onboarding Feed 1
Account User Management 2
Feature Section 7
Empty State 1
Nav On Gray Background
Page Shell 3
Grid List 4
Filterbar 11
File Upload 2
Onboarding Feed 1
Account User Management 2
Feature Section 7
Empty State 1
Nav On Gray Background
Page Shell 3
Grid List 4
Filterbar 11
File Upload 2
Onboarding Feed 1
Account User Management 2
Feature Section 7
Empty State 1
Nav On Gray Background
Page Shell 3
Grid List 4
Filterbar 11
File Upload 2
Onboarding Feed 1
Grid List 6
Banner 1
Branded Nav with Compact Header
Page Shell 5
Filterbar 7
Feature Section 1
Form Layout 2
File Upload 3
Grid List 6
Banner 1
Branded Nav with Compact Header
Page Shell 5
Filterbar 7
Feature Section 1
Form Layout 2
File Upload 3
Grid List 6
Banner 1
Branded Nav with Compact Header
Page Shell 5
Filterbar 7
Feature Section 1
Form Layout 2
File Upload 3
Grid List 6
Banner 1
Branded Nav with Compact Header
Page Shell 5
Filterbar 7
Feature Section 1
Form Layout 2
File Upload 3
Grid List 6
Banner 1
Branded Nav with Compact Header
Page Shell 5
Filterbar 7
Feature Section 1
Form Layout 2
File Upload 3
Login with Email & Password
Nav With Page Header
File Upload 4
Form Layout 1
Billing Usage 1
Feature Section 2
Page Shell 1
Grid List 1
Login with Email or Provider
Login with Email & Password
Nav With Page Header
File Upload 4
Form Layout 1
Billing Usage 1
Feature Section 2
Page Shell 1
Grid List 1
Login with Email or Provider
Login with Email & Password
Nav With Page Header
File Upload 4
Form Layout 1
Billing Usage 1
Feature Section 2
Page Shell 1
Grid List 1
Login with Email or Provider
Login with Email & Password
Nav With Page Header
File Upload 4
Form Layout 1
Billing Usage 1
Feature Section 2
Page Shell 1
Grid List 1
Login with Email or Provider
Login with Email & Password
Nav With Page Header
File Upload 4
Form Layout 1
Billing Usage 1
Feature Section 2
Page Shell 1
Grid List 1
Login with Email or Provider
Feature Section 6
With Comments
Nav With Page Header
Grid List 2
Page Shell 3
File Upload 1
Simple With Icons
Form Layout 2
Feature Section 6
With Comments
Nav With Page Header
Grid List 2
Page Shell 3
File Upload 1
Simple With Icons
Form Layout 2
Feature Section 6
With Comments
Nav With Page Header
Grid List 2
Page Shell 3
File Upload 1
Simple With Icons
Form Layout 2
Feature Section 6
With Comments
Nav With Page Header
Grid List 2
Page Shell 3
File Upload 1
Simple With Icons
Form Layout 2
Feature Section 6
With Comments
Nav With Page Header
Grid List 2
Page Shell 3
File Upload 1
Simple With Icons
Form Layout 2
Account User Management 2
Filterbar 11
Grid List 4
Empty State 1
File Upload 2
Feature Section 7
Onboarding Feed 1
Page Shell 3
Nav On Gray Background
Account User Management 2
Filterbar 11
Grid List 4
Empty State 1
File Upload 2
Feature Section 7
Onboarding Feed 1
Page Shell 3
Nav On Gray Background
Account User Management 2
Filterbar 11
Grid List 4
Empty State 1
File Upload 2
Feature Section 7
Onboarding Feed 1
Page Shell 3
Nav On Gray Background
Account User Management 2
Filterbar 11
Grid List 4
Empty State 1
File Upload 2
Feature Section 7
Onboarding Feed 1
Page Shell 3
Nav On Gray Background
Account User Management 2
Filterbar 11
Grid List 4
Empty State 1
File Upload 2
Feature Section 7
Onboarding Feed 1
Page Shell 3
Nav On Gray Background
Branded Nav with Compact Header
File Upload 3
Form Layout 2
Page Shell 5
Filterbar 7
Grid List 6
Banner 1
Feature Section 1
Branded Nav with Compact Header
File Upload 3
Form Layout 2
Page Shell 5
Filterbar 7
Grid List 6
Banner 1
Feature Section 1
Branded Nav with Compact Header
File Upload 3
Form Layout 2
Page Shell 5
Filterbar 7
Grid List 6
Banner 1
Feature Section 1
Branded Nav with Compact Header
File Upload 3
Form Layout 2
Page Shell 5
Filterbar 7
Grid List 6
Banner 1
Feature Section 1
Branded Nav with Compact Header
File Upload 3
Form Layout 2
Page Shell 5
Filterbar 7
Grid List 6
Banner 1
Feature Section 1
Feature Section 2
Nav With Page Header
Login with Email or Provider
Billing Usage 1
Form Layout 1
Grid List 1
Page Shell 1
Login with Email & Password
File Upload 4
Feature Section 2
Nav With Page Header
Login with Email or Provider
Billing Usage 1
Form Layout 1
Grid List 1
Page Shell 1
Login with Email & Password
File Upload 4
Feature Section 2
Nav With Page Header
Login with Email or Provider
Billing Usage 1
Form Layout 1
Grid List 1
Page Shell 1
Login with Email & Password
File Upload 4
Feature Section 2
Nav With Page Header
Login with Email or Provider
Billing Usage 1
Form Layout 1
Grid List 1
Page Shell 1
Login with Email & Password
File Upload 4
Feature Section 2
Nav With Page Header
Login with Email or Provider
Billing Usage 1
Form Layout 1
Grid List 1
Page Shell 1
Login with Email & Password
File Upload 4
Simple With Icons
Page Shell 3
With Comments
Feature Section 6
Form Layout 2
Nav With Page Header
Grid List 2
File Upload 1
Simple With Icons
Page Shell 3
With Comments
Feature Section 6
Form Layout 2
Nav With Page Header
Grid List 2
File Upload 1
Simple With Icons
Page Shell 3
With Comments
Feature Section 6
Form Layout 2
Nav With Page Header
Grid List 2
File Upload 1
Simple With Icons
Page Shell 3
With Comments
Feature Section 6
Form Layout 2
Nav With Page Header
Grid List 2
File Upload 1
Simple With Icons
Page Shell 3
With Comments
Feature Section 6
Form Layout 2
Nav With Page Header
Grid List 2
File Upload 1
File Upload 2
Nav On Gray Background
Feature Section 7
Account User Management 2
Filterbar 11
Onboarding Feed 1
Page Shell 3
Empty State 1
Grid List 4
File Upload 2
Nav On Gray Background
Feature Section 7
Account User Management 2
Filterbar 11
Onboarding Feed 1
Page Shell 3
Empty State 1
Grid List 4
File Upload 2
Nav On Gray Background
Feature Section 7
Account User Management 2
Filterbar 11
Onboarding Feed 1
Page Shell 3
Empty State 1
Grid List 4
File Upload 2
Nav On Gray Background
Feature Section 7
Account User Management 2
Filterbar 11
Onboarding Feed 1
Page Shell 3
Empty State 1
Grid List 4
File Upload 2
Nav On Gray Background
Feature Section 7
Account User Management 2
Filterbar 11
Onboarding Feed 1
Page Shell 3
Empty State 1
Grid List 4
Filterbar 7
Form Layout 2
Feature Section 1
Page Shell 5
File Upload 3
Grid List 6
Branded Nav with Compact Header
Banner 1
Filterbar 7
Form Layout 2
Feature Section 1
Page Shell 5
File Upload 3
Grid List 6
Branded Nav with Compact Header
Banner 1
Filterbar 7
Form Layout 2
Feature Section 1
Page Shell 5
File Upload 3
Grid List 6
Branded Nav with Compact Header
Banner 1
Filterbar 7
Form Layout 2
Feature Section 1
Page Shell 5
File Upload 3
Grid List 6
Branded Nav with Compact Header
Banner 1
Filterbar 7
Form Layout 2
Feature Section 1
Page Shell 5
File Upload 3
Grid List 6
Branded Nav with Compact Header
Banner 1
Form Layout 1
File Upload 4
Page Shell 1
Feature Section 2
Nav With Page Header
Login with Email & Password
Login with Email or Provider
Grid List 1
Billing Usage 1
Form Layout 1
File Upload 4
Page Shell 1
Feature Section 2
Nav With Page Header
Login with Email & Password
Login with Email or Provider
Grid List 1
Billing Usage 1
Form Layout 1
File Upload 4
Page Shell 1
Feature Section 2
Nav With Page Header
Login with Email & Password
Login with Email or Provider
Grid List 1
Billing Usage 1
Form Layout 1
File Upload 4
Page Shell 1
Feature Section 2
Nav With Page Header
Login with Email & Password
Login with Email or Provider
Grid List 1
Billing Usage 1
Form Layout 1
File Upload 4
Page Shell 1
Feature Section 2
Nav With Page Header
Login with Email & Password
Login with Email or Provider
Grid List 1
Billing Usage 1
Page Shell 3
Form Layout 2
With Comments
File Upload 1
Simple With Icons
Feature Section 6
Nav With Page Header
Grid List 2
Page Shell 3
Form Layout 2
With Comments
File Upload 1
Simple With Icons
Feature Section 6
Nav With Page Header
Grid List 2
Page Shell 3
Form Layout 2
With Comments
File Upload 1
Simple With Icons
Feature Section 6
Nav With Page Header
Grid List 2
Page Shell 3
Form Layout 2
With Comments
File Upload 1
Simple With Icons
Feature Section 6
Nav With Page Header
Grid List 2
Page Shell 3
Form Layout 2
With Comments
File Upload 1
Simple With Icons
Feature Section 6
Nav With Page Header
Grid List 2
Feature Section 7
Account User Management 2
File Upload 2
Nav On Gray Background
Onboarding Feed 1
Filterbar 11
Page Shell 3
Grid List 4
Empty State 1
Feature Section 7
Account User Management 2
File Upload 2
Nav On Gray Background
Onboarding Feed 1
Filterbar 11
Page Shell 3
Grid List 4
Empty State 1
Feature Section 7
Account User Management 2
File Upload 2
Nav On Gray Background
Onboarding Feed 1
Filterbar 11
Page Shell 3
Grid List 4
Empty State 1
Feature Section 7
Account User Management 2
File Upload 2
Nav On Gray Background
Onboarding Feed 1
Filterbar 11
Page Shell 3
Grid List 4
Empty State 1
Feature Section 7
Account User Management 2
File Upload 2
Nav On Gray Background
Onboarding Feed 1
Filterbar 11
Page Shell 3
Grid List 4
Empty State 1
Filterbar 7
Grid List 6
Branded Nav with Compact Header
Banner 1
Feature Section 1
Form Layout 2
File Upload 3
Page Shell 5
Filterbar 7
Grid List 6
Branded Nav with Compact Header
Banner 1
Feature Section 1
Form Layout 2
File Upload 3
Page Shell 5
Filterbar 7
Grid List 6
Branded Nav with Compact Header
Banner 1
Feature Section 1
Form Layout 2
File Upload 3
Page Shell 5
Filterbar 7
Grid List 6
Branded Nav with Compact Header
Banner 1
Feature Section 1
Form Layout 2
File Upload 3
Page Shell 5
Filterbar 7
Grid List 6
Branded Nav with Compact Header
Banner 1
Feature Section 1
Form Layout 2
File Upload 3
Page Shell 5

Application

From form layouts and tables to modal dialogs, we provide all the essential components for creating stunning and responsive web applications.

Application Shells

Building your interfaces with pre-built, ready-to-use, flexible page structures.

New Page Shells

Page Shells

6 blocks

New Stacked Layouts

Stacked Layouts

9 blocks

New Multi-Column

Multi-Column

6 blocks

Components

Components are used to build blocks.

New Breadcrumbs

Breadcrumbs

1 blocks , 3 examples

New Drag Elements

Drag Elements

1 blocks

Headings

Page Headings

Page Headings

13 blocks

New Section Headings

Section Headings

10 blocks

Feedbacks

Empty States

Empty States

10 blocks

Forms

Authentication

Authentication

8 blocks

Account & User Management

Account & User Management

10 blocks

Billing & Usage

Billing & Usage

6 blocks

File Upload

File Upload

7 blocks

Form Layouts

Form Layouts

6 blocks

Filterbar

Filterbar

12 blocks

Lists

Feeds

Feeds

5 blocks

Onboarding

Onboarding

8 blocks

New Grid List

Grid List

15 blocks

New Stacked Lists

Stacked Lists

13 blocks

Elements

Badges

Badges

12 blocks

Overlays

Dialogs

Dialogs

6 blocks

Marketing

Marketing components for creating stunning and responsive web applications.

Elements

Banners

Banners

5 blocks

Fancy blocks

Fancy Components is a collection of fun and weird, ready-to-use components and microinteractions.

New Fancy

Fancy

2 blocks

Page Sections

Feature Sections

Feature Sections

7 blocks

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