Blocks

Building UI for Angular applications just got easier.

Angular MaterialTailwind CSS

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

New Tables

Tables

18 blocks

Elements

Badges

Badges

12 blocks

Overlays

Dialogs

Dialogs

6 blocks

Charts

Chart components for data visualization.

New Area Charts

Area Charts

15 blocks

New Bar Charts

Bar Charts

9 blocks

New Donut Charts

Donut Charts

7 blocks

New Line Charts

Line Charts

8 blocks

New Spark Area Charts

Spark Area Charts

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

Pricing Sections

Pricing Sections

16 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