Templates

Beautiful website templates built with Angular Material

Angular MaterialTailwind CSS

Dashboard

A comprehensive dashboard template featuring analytics, charts, tables, and responsive design. Built with the latest Angular Material components and best practices.

Built with modern tools. Present data more clearly.

«Dashboard» is the perfect template to give your audience a better understanding of their data. Drive revenue and provide an advanced data visualization experience. It's built with Angular 20/21 featuring standalone components and zoneless architecture, written in TypeScript with a thoughtful component structure and accessibility in mind.

All components are built with Angular Material by design, featuring dark mode support and full theming customization capabilities. This makes it perfect for customer-facing analytics, seamlessly aligning with your corporate identity.

  • Angular 20/21
  • Angular Material 20/21
  • Tailwind CSS 4
  • Zoneless
  • Responsive
  • ng2-charts (chartjs) with custom tooltips
  • Light/dark themes
  • Tables with filters
  • New Animations API

Database

SaaS Marketing Website

Built with modern tools. Present data more clearly.

«Database» is the perfect template for launching your next SaaS, Dev Tool, or related project. It's built with Angular using modern routing, developed in TypeScript with a well-structured component design and accessibility in mind.

The changelog leverages markdown with custom components, making content updates seamless. We have paid close attention to unique illustrations, and dark mode support is fully integrated from the start.

  • Angular 20/21
  • Angular Material 20/21
  • Tailwind CSS 4
  • Zoneless
  • Responsive
  • Light/dark themes
  • New Animations API
  • Markdown support using markedjs
  • Code highlighter using shiki

Insights

Template for feeding and tracking data

Built with modern tools. Present data more clearly.

«Insights» is the perfect template for feeding and analyzing data with clarity. It's built with Angular and features intuitive UI elements along with dynamic filtering options, such as URL query parameters.

All content is designed to be headless, offering a default dark mode and complete customization capabilities. This makes it ideal for building your next CRUD application, providing a robust and flexible UI tailored to your needs.

  • Angular 20/21
  • Angular Material 20/21
  • Tailwind CSS 4
  • Zoneless
  • Responsive
  • Light/dark themes
  • Drawers
  • ng2-charts (chartjs)

More templates coming soon

We're working on more production-ready templates. Stay tuned!

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