ngx-responsive-signals
Signal-based responsive breakpoints for Angular 17+ that eliminate RxJS boilerplate.
Overview
Signal-based responsive breakpoints for Angular
Related Projects
panda🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️
ngx-mqNGX-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.
prime-ng-theme-feTheme Designer for PrimeNG
tokiforgeOpen-source modern design token & theme engine. Runtime theme switching for React, Vue, Svelte, Angular, and any framework — <3 KB, type-safe, and framework-agnostic.
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.