Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

© 2026 Open-Awesome. Curated for the developer elite.

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Angular
  3. Angular-Material-Tailwind-Integration

Angular-Material-Tailwind-Integration

MITCSS

Maps Angular Material's design system tokens to Tailwind CSS v4 utility classes for seamless theming.

GitHubGitHub
18 stars0 forks0 contributors

Overview

Extends your Tailwind v4 themes variables adding ALL Angular's 20.2.2 Material system variables

Quick Stats

Stars18
Forks0
Contributors0
Open Issues0
Last commit9 months ago
CreatedSince 2025

Tags

#theming#angular-material#css-variables#frontend#utility-classes#ui-framework#tailwind-css#material-design#design-tokens

Built With

A
Angular Material
T
Tailwind CSS
C
CSS

Included in

Angular10.0k
Auto-fetched 7 hours ago

Related Projects

pandapanda

🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

Stars6,107
Forks305
Last commit13 hours ago
ngx-mqngx-mq

NGX-MQ is a lightweight Angular library that provides a modern, declarative API for handling responsive design. It leverages Angular's signals and the native `matchMedia` API to deliver reactive media queries with automatic lifecycle management, making it ideal for building responsive Angular applications. ## Key Features - **Signal-Powered Queries** — Returns reactive signals that automatically update when viewport conditions change. - **Built-in Breakpoint Presets** — Includes ready-to-use breakpoint maps for Tailwind CSS, Bootstrap, and Angular Material. - **SSR-Safe** — Designed to work seamlessly with server-side rendering. - **Auto-Cleanup** — Uses Angular's `DestroyRef` for automatic resource cleanup, eliminating manual subscription management. - **Generic Media Query API** — Supports any valid CSS media query beyond breakpoints, such as orientation, color scheme, and reduced motion. - **Common Utilities** — Provides helper functions for common responsive patterns like `up`, `down`, and `between`. ## Philosophy NGX-MQ emphasizes a declarative and framework-aligned approach, integrating deeply with Angular's reactivity model and dependency injection system to provide a seamless developer experience.

Stars62
Forks52
Last commit26 days ago
prime-ng-theme-feprime-ng-theme-fe

Theme Designer for PrimeNG

Stars38
Forks4
Last commit3 months ago
tokiforgetokiforge

Open-source modern design token & theme engine. Runtime theme switching for React, Vue, Svelte, Angular, and any framework — <3 KB, type-safe, and framework-agnostic.

Stars29
Forks3
Last commit1 month ago
Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a projectStar on GitHub