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

June 11, 2025

New additions

  • Added a Section Headings category (10 blocks) to the Application UI.

June 4, 2025

New additions

  • Added a Fancy Blocks category (2 blocks) to the Marketing UI.
Fancy Blocks
Photo by Vincent Burkhead on Unsplash
  • Added a Drag Elements component to the Application UI.

May 27, 2025

New additions

  • Added a Page Headings category (13 examples) to the Application UI.
  • Added a Breadcrumbs category (component plus 3 examples) to the Application UI.
Page Headings
Photo by Diogo Nunes on Unsplash

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