Changelog

Latest updates and changes to the project

Envelop
Don't miss any update

Stay up to date

Subscribe to the newsletter to stay up to date with components and blocks updates, and much more!

Keep your blocks up to date with the the update CLI command.

npx @ngm-dev/cli update

May 15, 2025

New additions

  • Added a Multi Column category (6 examples) to the Application UI.
Multi Column
Background image by Erol Ahmed

Improvements

  • Added new breakpoint observer in device.service.ts to handle the md screen size according to Tailwind CSS responsive design.

April 22, 2025

New additions

  • Added a Stacked Layouts category (9 examples) to the Application UI.
Stacked Layouts
Background image by Jason Leung

Improvements

  • Fixed theme variables for tailwind css for font weights

    • Example:

      --text-body-small--font-family: var(--mat-sys-body-small-font); 
      --font-body-small: var(--mat-sys-body-small-font); 

April 19, 2025

New additions

  • Added a Page Shell category (6 examples) to the Application UI.

Page Shells

Improvements

  • Removed redundant color="primary" from the mat-button component in the following blocks:
    • Filter Bar 12
    • Filter Bar 6
    • Grid List 15
    • Grid List 4
    • Grid List 5
    • Grid List 9

April 16, 2025

Improvements

  • As it is not recommended to use scss files with tailwind, renamed _tailwind.scss to _tailwind.css in the styles/vendors directory.
  • Updated the ngm-dev-blocks-styles.scss to use the new _tailwind.css file.

April 15, 2025

New additions

  • Added a Grid List category (15 examples) to the Application UI.

Cover

April 11, 2025

Improvements

  • Adjusted mat-icon's size (height and width) to 1em for the following blocks:
    • Empty State 4
    • Empty State 6
  • Adjusted mat-icon's font-size to 1rem for the following blocks:
    • Empty State 4
    • Empty State 6

April 5, 2025

Hello, World

Cover

  • Introducing 100+ new blocks
  • Introducing CLI to integrate blocks seamlessly
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