Track Awesome Angular Updates Weekly

:page_facing_up: A curated list of awesome Angular resources

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 PatrickJS/awesome-angular · ⭐ 9.5K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Nov 11 - Nov 17, 2024

Analytics / Google Developer Experts

• ngx-clarity (⭐18) - A useful Angular library that automatically injects the script tag required to use Microsoft Clarity.

Builders / Google Developer Experts

• ngx-devkit-builders (⭐2) - This package contains Architect builders used to build and test Angular applications and libraries.

CLI / Google Developer Experts

• ngx-devs-cli (⭐3) - Command-line interface (CLI) built in Node.js allow you to automate repetitive tasks and make your life easier when working with Angular projects.

HTTP / Google Developer Experts

• ngx-suspense-of (⭐6) - Angular directive that adds suspense to your app.

Integrations / Google Developer Experts

• ngx-pendo (⭐16) - A simple wrapper to load Pendo in Angular.

• ngx-surreal (⭐1) - Lightweight Angular wrapper for the SurrealDB JavaScript SDK.

Internationalization / Google Developer Experts

• translate (⭐23) - Translation library for Angular and Ionic applications.

• ngx-merge-json-translations (⭐1) - This builder helps merge the messages.json file, after running extract-i18n, into target files using specified locales taking care to delete removed keys and add new ones.

• ngx-i18n-extract-regex-cli (⭐2) - Tool for extracting translations from Angular app using regex.

• ngx-translate-version (⭐3) - Angular module that provides version to your language files.

Free / Google Developer Experts

• LightNap (⭐61) - LightNap (lightweight .NET Core/Angular/PrimeNG) is a full stack starter kit designed to provide a boost to Single Page Applications (SPA). It includes built-in support for ASP.NET Core Identity, JWT token management, and administrative features for managing identity, offering a solid foundation to be extended for any application scenario.

Testing / Google Developer Experts

• Meticulous AI - Cover the 1000s of edge cases of your application - without writing or maintaining a single test.

• ngtx (⭐9) - ngtx stands for "Angular Testing Extensions" and is a small set of functions aiming to make your life easier when testing Angular components.

• Early AI - Save time, enhance code coverage, and ensure quality with Early's automatically generated, verified, and validated unit tests.

Updating / Google Developer Experts

• ngx-update-app (⭐3) - Angular directive for updating app via service workers.

Captcha / Google Developer Experts

• ngx-slider-recaptcha (⭐2) - Customizable Angular library that provides a slider-based CAPTCHA component to help secure forms from spam and bot submissions.

Carousels / Google Developer Experts

• ngx-simple-gallery (⭐1) - A lightweight gallery library for Angular 18 that presents all images as thumbnails, expanding them to full size upon clicking or tapping.

Charts / Google Developer Experts

• ng-draw-flow (⭐9) - A library for creating interfaces based on displaying data as nodes. It allows you to create both simple diagrams and complex editors for building customised charts and graphs.

DOM / Google Developer Experts

• ngx-nullable (⭐2) - This library provides a way to make properties nullable in Angular templates.

• ngx-if-platform (⭐5) - Directive for conditional display based on platform.

• ngx-cut (⭐5) - Angular directive for cutting texts with responsive options.

• ngx-app-version (⭐3) - Angular directive for writing version into DOM.

• ngx-repeat (⭐3) - Angular directive for repeating HTML element by count.

• ngx-fixed-footer (⭐3) - Angular directive that adds fixed footer without overlap.

• ngx-href (⭐2) - A directive that allows href to understand Angular's router while retaining its default functionality.

Form Controls / Google Developer Experts

• ngx-phone-field (⭐1) - An Angular directive that provides international phone input with country flag dropdowns. It integrates with Angular forms, supporting both Reactive Forms and Template-Driven Forms.

• ngx-rabe-star (⭐2) - An Angular library that provides a customizable star rating component for your Angular application.

• ngx-mat-birthday-input (⭐1) - An Angular Material library for entering a birthday.

• ngx-countries-dropdown (⭐5) - Angular library with customizable countries dropdown component with flags, dial code, language and currency details.

Validation / Google Developer Experts

• ngx-form-errors (⭐11) - Display form validation errors for Angular Reactive forms.

Icons / Google Developer Experts

• boringer-avatars (⭐132) - A fork from boring-avatars (⭐5.7k). This rewrites the base as Mitosis components and exports into multiple framework flavors including Angular (⭐132).

Images / Google Developer Experts

• ngx-img-cropper (⭐191) - Image cropping tool for Angular.

Loaders / Google Developer Experts

• nx-svg-loaders (⭐3) - Angular, React, Svelte, Vue SVG loader/spinner collection.

Media / Google Developer Experts

• ngx-video-timeline (⭐12) - Video playback progress bar component.

Mixed utilities / Google Developer Experts

• ngx-utility (⭐1) - Various helpers for forms, zones, DOM manipulation, HTTP requests, and more.

Modals / Google Developer Experts

• up-window-angular (⭐3) - An Angular library designed to create dynamic, customizable modals and window-based components for web applications.

State Management / Google Developer Experts

• ng (⭐2) - An Angular-specific extension of @bitfiber/rx (⭐2) built on top of RxJS, designed to manage reactive state, asynchronous workflows, and events in Angular applications. It provides a structured approach to handling complex data flows using emitters, states, groups, and stores, allowing seamless integration of various reactive sources like emitters, states, and observables.

Misc Components / Google Developer Experts

• ngx-morse (⭐6) - A simple morse code encoder and decoder for Angular.

Ionic / Google Developer Experts

• ionic-component-snippets (⭐2) - This repository showcases demos and libraries that aren't officially supported by Ionic yet, but can be useful for developers and their apps.

Oct 28 - Nov 03, 2024

HTTP / Google Developer Experts

• ng-memento (⭐1) - Makes your application faster by preventing the same HTTP requests from being called again in your Angular project.

Integrations / Google Developer Experts

• angular-rsocket (⭐2) - This service allows you to easily connect to an RSocket server, handle streams and messages, and manage authentication tokens flexibly via a token provider.

Internationalization / Google Developer Experts

• ngx-translate-routes (⭐4) - This service translates titles and route paths.

• ngx-translate-lint (⭐33) - Simple CLI tools for check ngx-translate keys.

Testing / Google Developer Experts

• ngx-playwright (⭐23) - Tools to run Playwright e2e tests in an Angular workspace.

Data Grids / Google Developer Experts

• ngx-grid (⭐4) - A professional Angular data grid.

QR Codes / Google Developer Experts

• ngx-qrcode-generator (⭐1) - An Angular component that generates QR codes using the QRious (⭐1.5k) library.

Scroll / Google Developer Experts

• ngx-perfect-scrollbar (⭐3) - This fork of ngx-perfect-scrollbar (⭐522) is an Angular wrapper library for Perfect Scrollbar.

RxJS / Google Developer Experts

• rxjs-collection (⭐5) - RxJS enhanced Array, Map, WeakMap, Set and WeakSet.

Oct 21 - Oct 27, 2024

Analytics / Google Developer Experts

• @blue-cardinal/ngx-google-analytics (⭐1) - This package provides a module that injects the Google Analytics tag manager script into your Angular project. It provides some guard rails against including the tag manager script in a dev environment.

• oculr-ngx (⭐9) - An analytics library that makes collecting data in an Angular app simple.

Authentication / Google Developer Experts

• appwrite (⭐45k) - Using Appwrite, you can easily integrate your Angular app with user authentication and multiple sign-in methods, a database for storing and querying users and team data, storage and file management, image manipulation, cloud functions, and more services.

HTTP / Google Developer Experts

• ngx-http-retry (⭐1) - An Angular service that provides HTTP methods (GET, POST, PUT, DELETE) with built-in retry logic using RxJS's retry operator.

Integrations / Google Developer Experts

• ngx-notion-cms (⭐4) - Render your Notion content through your Angular application as a CMS.

Internationalization / Google Developer Experts

• ngx-easy-i18n-js (⭐2) - The easy internationalization (i18n) library for Angular.

Testing / Google Developer Experts

• docker-ng-cli-karma (⭐59) - Angular docker image capable of running Karma with Chrome.

Breadcrumbs / Google Developer Experts

• olt-ngx-breadcrumbs (⭐1) - Angular Library for generating breadcrumbs based on the routing state.

• ngx-breadcrumpy (⭐6) - An awesome library to easily add breadcrumbs to your Angular application.

• ngx-crumbs (⭐7) - An ultimate breadcrumbs service for Angular.

• breadcrumbs (⭐1) - An angular component that automatically lists breadcrumbs based on the currently routed components.

• ngx-breadcrumb (⭐2) - A highly customizable and flexible breadcrumb component for Angular.

Charts / Google Developer Experts

• ngx-graph (⭐938) - Graph visualization library for Angular.

DOM / Google Developer Experts

• ngx-interpolation (⭐3) - An Angular lightweight library to interprate string interpolation expressions.

File Upload / Google Developer Experts

• ngx-fileupload (⭐20) - ngx-file-upload/core (⭐20) only contains services and classes to enable file upload with Angular. ngx-file-upload/ui (⭐20) contains components and pipes to provide a UI.

General / Google Developer Experts

• ngx-dynamic-form (⭐2) - A library that works in Angular 16 with Bootstrap 5 to generate forms in a simple and dynamic way.

• ngx-form (⭐14) - Model based typed reactive forms made easy.

• ngx-enhancy-forms (⭐4) - Fancy enhanced angular forms.

Form Controls / Google Developer Experts

• ngx-show-hide-password (⭐21) - Add split input button to password or text input. Toggles input type between "text" and "password".

Validation / Google Developer Experts

• ngx-error-msg (⭐1) - The error message mapping library for Angular.

Media / Google Developer Experts

• ngx-videogular (⭐131) - An HTML5 video player for Angular 2.0. Videogular is a wrapper over the HTML5 video tag, so you can just add whatever you want. This provides a very powerful, but simple to use solution, for everybody.

• voicecapture-angular (⭐3) - The library offers customizable options for handling voice input and transcription, making it a flexible solution for enhancing user interfaces.

Notifications / Google Developer Experts

• ngx-french-toast (⭐4) - A lightweight and customizable toast library for your Angular 14+ applications. Show informative toast messages to enhance user experience and provide important feedback or collect data with dynamically imported components.

RxJS / Google Developer Experts

• ngx-safe-subscribe (⭐3) - Easy way to automatically unsubscribe from RxJS observables in Angular components.

Oct 14 - Oct 20, 2024

YouTube Channels / Google Developer Experts

• Sebastian Persson

Integrations / Google Developer Experts

• ngx-tagify (⭐26) - Angular library that wraps Tagify (⭐3.5k).

• ngx-xapi (⭐4) - Lightweight Angular wrapper for xAPI.

Animations / Google Developer Experts

• ngx-countUp (⭐138) - Animates a numerical value by counting to it.

Captcha / Google Developer Experts

• ngx-turnstile (⭐61) - Cloudflare Turnstile for Angular.

• ng-hcaptcha (⭐47) - Provides an easy to use component for hCaptcha.

• angular-yandex-smart-captcha (⭐1) - This library adds the Yandex SmartCaptcha component to your Angular application, providing an easy way to integrate CAPTCHA protection into your forms and other user interactions.

• go-captcha-angular (⭐3) - A simple, easy-to-use, interactive, and secure behavioral verification code that implements verification modes such as text/graphic clicking, sliding/dragging, and rotation.

• ng-recaptcha-2 (⭐10) - Angular 18 fork of ng-recaptcha (⭐475). Alternatively, you create your own service that implements Google's reCAPTCHA with the help of this article.

Carousels / Google Developer Experts

• carousel-library (⭐10) - A versatile Angular library providing a feature-rich, simple, and performant carousel component.

Charts / Google Developer Experts

• ngx-flexmonster (⭐1) - A powerful and fully customizable JavaScript component for web reporting. It is packed with all core features for data analysis and can easily become a part of your Angular data visualization project.

DOM / Google Developer Experts

• ngx-nullish (⭐2) - Angular Structural Directive, which replaces *ngIf with Nullish Coalescing operator.

General / Google Developer Experts

• tripetto - Tripetto’s FormBuilder SDK contains fully customizable components for equipping apps and websites with a comprehensive form building and deploying solution. Follow this quickstart to use FormBuilder with Angular.

• ngx-smart-forms (⭐2) - This workspace contains Angular libraries that streamline form handling and validation by simplifying form creation, validation, and error display, and offering advanced customization and performance boosts.

Validation / Google Developer Experts

• ngx-validator-pack (⭐14) - A collection of validators designed to simplify usage and allow quick customization.

Icons / Google Developer Experts

• ngx-x-browser-svg-mask (⭐1) - Directive to easily achieve cross browser compliance while creating SVG masks.

Images / Google Developer Experts

• ngx-unsplash (⭐4) - Angular service for proxied Unsplash API.

Loaders / Google Developer Experts

• ngx-lazy-directive (⭐2) - Provides an easy way to lazy load components combined with the *ngIf directive, thereby reducing the First Contentful Paint time when a module is large.

• ngx-fastboot (⭐7) - A dynamic configuration loader for Angular applications. It optimizes the startup performance by loading configurations in a separate chunk during compilation.

Maps / Google Developer Experts

• HERE maps API for JavaScript - You can integrate HERE Maps with Angular to display interactive maps, geocode addresses, calculate routes, and more, all within the context of your Angular application.

Media / Google Developer Experts

• ngx-youtube-player (⭐94) - Angular component based on YouTube player iframe API.

Notifications / Google Developer Experts

• ngx-toastr-message (⭐3) - A lightweight, customizable Angular library for displaying toast notifications.

Tailwind CSS Based / Google Developer Experts

• FlyonUI (⭐1.1k) - Integrate FlyonUI with Angular and Tailwind CSS to create a modern, responsive UI, streamlining your development process efficiently.

Oct 07 - Oct 13, 2024

Blogs / Google Developer Experts

• Angular Philosophies (⭐3)

Online Training / Google Developer Experts

• Angular Material 3 Theming System: Complete Guide - The only course you will need for Angular Material 3 Theming.

Analytics / Google Developer Experts

• plausible (⭐20k) - Simple, open source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics. Works without any extra configuration on single page applications.

Integrations / Google Developer Experts

• adyen-angular-online-payments (⭐12) - Accept payments on your Angular/Express-based website with cards, wallets, and key local payment methods.

• ngx-culqi (⭐9) - UNOFFICIAL Culqi payment gateway library made to use with Angular. You can use the library like this example (⭐11).

Testing / Google Developer Experts

• playwright-ng-schematics (⭐9) - Adds Playwright Test to your Angular project.

Cookies / Google Developer Experts

• ngx-cookie-consent (⭐16) - Angular multi-language module to display a cookie consent banner without other dependencies.

• cookieconsent (⭐4k) - Simple cross-browser cookie-consent plugin written in vanilla js that can be added to Angular.

DOM / Google Developer Experts

• ngx-func-pipe (⭐2) - A simple and lightweight Angular pipe that allows you to call a function directly from your Angular templates.

• ngx-pipes-toolkit (⭐6) - A complementary pipes library for Angular.

Drag and Drop / Google Developer Experts

• ngx-draggable-dom (⭐4) - Angular attribute directive that causes any element to become a draggable element.

General / Google Developer Experts

• ngx-super-forms (⭐1) - This library adds some much-needed features on top of Angular forms and Reactive forms, to make it more developer friendly.

Images / Google Developer Experts

• ngx-advanced-img (⭐1) - Angular attribute directives suite that provides various HTML img feature extensions.

Mixed utilities / Google Developer Experts

• ngx-tools (⭐9) - A mono-repo providing several of the Angular based packages created and maintained by the Studio Hyperdrive team.

Viewers / Google Developer Experts

• ngx-imageviewer (⭐1) - Generate a image/pdf viewer using canvas.

• ngx-json-schema-viewer (⭐2) - JSON Schema Viewer in Angular.

Sep 30 - Oct 06, 2024

Community

• built with angular - Discover apps of all sizes, including Open Source and Indie developer projects.

Blogs / Google Developer Experts

• Amadou Sall

Exercises / Google Developer Experts

• angular-exercises (⭐1) - Exercises on various Angular topics, including solutions and solution videos.

YouTube Channels / Google Developer Experts

• JSgigs

Developer tools / Google Developer Experts

• detective (⭐77) - Detective leverages forensic code analysis at the architectural level to uncover hidden patterns in your codebase.

Integrations / Google Developer Experts

• ngx-fabric-wrapper (⭐23) - Angular wrapper library for Fabric.

• ngx-three-globe (⭐0) - An Angular library that provides an interactive, 3D globe visualization built using Three.js.

• vike-angular (⭐9) - Angular integration for Vike (⭐4.3k), a fast Vite-based frontend framework.

• stream-chat-angular (⭐52) - Angular Chat SDK ➜ Stream Chat. Build a chat app with ease.

• gong (⭐14) - Gong (go + ng) is a framework for full stack development based on Go and Angular. The Go back-end uses gin, gorm, and sqlite (a pure go sqlite, no cgo needed). The Angular front-end uses Angular Material.

Server-Side Rendering / Google Developer Experts

• analog-stuff (⭐3) - Extra stuff for AnalogJS including agx-remark-rehype.

Animations / Google Developer Experts

• ngx-number-ticker (⭐1) - A simple number ticker effect to animate counting.

• ngx-word-rotation (⭐0) - An Angular library designed to facilitate word rotation animations within Angular applications.

• ngx-word-morph (⭐4) - An Angular library designed to facilitate word morphing animations within Angular applications.

• ngx-cryptic-text (⭐0) - An Angular library that provides a cryptic text animation effect. The component animates text by randomly switching letters until the correct characters appear.

• ngx-word-pullup (⭐0) - An Angular library that provides a smooth pull-up animation effect for words. This component is designed to sequentially pull up and reveal words with a customizable delay.

• ngx-typewriter (⭐2) - A lightweight and easy-to-use library for creating typewriter effects. It uses RxJS to manage the typewriting effect, ensuring smooth and customizable animations.

• ngx-gradient-text (⭐0) - An Angular library that provides a dynamic gradient animation effect for text. This component allows you to display text with a smooth, animated gradient that transitions between two customizable colors.

• ngx-shiny-text (⭐0) - An Angular library that provides a shimmering text animation effect.

• ngx-ripple (⭐2) - This component creates an expanding ripple effect with customizable color, border, and animation duration. Perfect for adding an interactive and engaging effect to backgrounds or containers in your application.

• ngx-shine-border (⭐1) - An Angular library that provides a dynamic and customizable animated border effect for Angular components.

• ngx-border-beam (⭐1) - This component allows you to create a glowing, animated border that can be customized in terms of colors, border radius, and animation duration.

• ngx-dotpattern (⭐0) - An Angular library that provides a customizable dot pattern background effect for your Angular components.

• ngx-meteors (⭐0) - An Angular library that adds a mesmerizing meteor shower animation effect to your components.

• ngx-background-beams (⭐0) - An Angular component that generates dynamic animated background beams with customizable gradients and motion paths.

• ngx-aurora (⭐6) - An Angular library that creates a mesmerizing aurora background effect. This component provides an animated, gradient-based light effect with customizable inversion and two different animation styles.

• ngx-particles (⭐0) - An Angular library that provides a dynamic and interactive particle animation effect. The particles react to mouse movements, creating a visually engaging and customizable background for your Angular components.

• ngx-spotlight (⭐0) - An Angular library that creates a spotlight effect using SVG animations. The component highlights sections of your page when they enter the viewport, with customizable spotlight colors and optional animations.

• ngx-starry-sky (⭐0) - An Angular library that creates a beautiful starry sky background with optional shooting star effects.

• ngx-connection-beam (⭐3) - An Angular component that dynamically renders animated connection lines between two elements.

Carousels / Google Developer Experts

• ngx-stories (⭐17) - An Angular component to render Instagram like stories.

Dates / Google Developer Experts

• ngx-timeline (⭐0) - A simple component library to add an animated timeline view.

DOM / Google Developer Experts

• ngx-fade (⭐0) - A versatile Angular component that provides a smooth fading and sliding effect for its content as it enters or leaves the viewport. This component uses the Intersection Observer API.

Drag and Drop / Google Developer Experts

• ngx-swapy (⭐6) - A simple component library to get a drag and drop DOM through the help of Swapy (⭐6.6k).

Editor Components / Google Developer Experts

• ngx-ace-wrapper (⭐47) - Angular wrapper library for Ace.

• ngx-quill-wrapper (⭐13) - Angular wrapper library for Quill.

File Upload / Google Developer Experts

• ngx-dropzone-wrapper (⭐174) - Angular wrapper library for Dropzone.

General / Google Developer Experts

• ngx-currency (⭐237) - Currency mask module for Angular.

Form Controls / Google Developer Experts

• ngx-otp-input (⭐24) - One time password input library for Angular.

Layout Components / Google Developer Experts

• ngx-flickering-grid (⭐0) - A simple component library to create a container with an animated grid pattern background.

• ngx-gridpattern (⭐3) - A simple component library to create a container with an pattern background.

• ngx-retro-grid (⭐0) - This component creates a 3D perspective grid with customizable colors, rotation, and smooth animation, perfect for adding a nostalgic or futuristic visual effect to your application.

• ngx-bottom-sheet (⭐3) - A highly customizable and lightweight Angular service that provides a mobile-friendly bottom sheet component.

Markdown / Google Developer Experts

• ngx-md (⭐266) - Angular directive for parsing markdown content in your web application.

Mixed utilities / Google Developer Experts

• ngx-lift (⭐6) - This project has been crafted to enhance and simplify your Angular development experience. In the dynamic web development landscape, Angular stands out as a robust framework, and ngx-lift and clr-lift complement it by offering a collection of utilities, operators, and components.

• firestitch - Firestitch has a ton of open source Angular solutions.

Scroll / Google Developer Experts

• ngx-tracing-beam (⭐2) - A simple component library to add an animated tracing beam to your vertical scrolling.

• ngx-marquee (⭐1) - A simple component library to create an infinite scrolling marquee with your content.

• @omnedia/ngx-scrollbar (⭐0) - This component offers a custom scrollbar with smooth scrolling functionality and allows for full control over its appearance through styling.

Misc Components / Google Developer Experts

• ngx-gauge (⭐216) - A highly customizable Gauge component for Angular apps and dashboards.

• ngx-neon-underline (⭐0) - An Angular library that provides a glowing neon underline effect for your components.

• ngx-lamp (⭐0) - A simple component library to create a lamp.

• ngx-globe (⭐1) - A simple component library to create a container with an animated globe.

• ngx-copypaste (⭐27) - A pure and awesome copy paste directive for Angular.

RxJS / Google Developer Experts

• rxjs-typewriter (⭐4) - A lightweight and easy-to-use NPM library for creating typewriter effects in your web applications. It uses RxJS to manage the typewriting effect, ensuring smooth and customizable animations.

Sep 23 - Sep 29, 2024

Blogs / Google Developer Experts

• Daniel Kreider

On-Site Training / Google Developer Experts

• liveloveapp - Workshops are available for Cypress, NgRx, RxJS, AG Grid and web performance.

YouTube Channels / Google Developer Experts

• Ben And Engineering

Builders / Google Developer Experts

• ng-rspack-build (⭐36) - Rspack (⭐9.8k) plugin and loaders to build Angular applications.

Developer tools / Google Developer Experts

• ngx-schematics-utilities (⭐7) - Useful utilities for Angular Schematics.

• angular-library-template (⭐0) - A template for creating Angular libraries.

Integrations / Google Developer Experts

• limitless-angular (⭐11) - A collection of powerful Angular libraries designed to enhance the Angular ecosystem and help developers build better applications with a focus on Sanity.io integration.

• ngx-sentry (⭐3) - Angular wrapper for Sentry JavaScript SDK (⭐8k).

Internationalization / Google Developer Experts

• ng-intl (⭐8) - Type-safe, reactive Angular i18n library. Lazy-loaded translations, signal-based reactivity, full TypeScript support. Efficient, flexible, and scalable internationalization for Angular projects.

Testing / Google Developer Experts

• angular-testing-kit (⭐1) - A set of convenient utilities to make Angular testing with Jasmine and Karma simpler.

Updating / Google Developer Experts

• npx-app-updater (⭐1) - When a new version of your application is deployed, this library will trigger a user notification to inform them that updates are available.

Notifications / Google Developer Experts

• angular-notification (⭐3) - A singleton, global Angular service to programmatically show notifications.

Tooltips / Google Developer Experts

• angular-tooltip (⭐2) - Easily show tooltips programmatically and/or declaratively in Angular.

Material Based / Google Developer Experts

• ngx-components (⭐2) - Useful components and utility functions for Angular.

• dejajs-components (⭐38) - This repository is an Angular components library and the common utility functions, with a demo application for testing it.

Misc Components / Google Developer Experts

• angular-confirmation-capture (⭐1) - A singleton, global Angular service to programmatically show a confirmation box to capture an user's consent.

• angular-anchored-floating-box (⭐0) - A singleton, global Angular service to programmatically render a floating box anchored at an element that can have arbitrary content specified by either a TemplateRef or component.

Other Lists / Google Developer Experts

• framework.dev - Search, compare, and discover top Angular libraries and community-driven resources in Angular.

Sep 16 - Sep 22, 2024

Blogs / Google Developer Experts

• Offering Solutions

On-Site Training / Google Developer Experts

• Offering Solutions

Go / Google Developer Experts

• goxygen (⭐3.5k) - Goxygen generates back-end Go code, connects it with front-end components, provides a Dockerfile for the application, and creates docker-compose files that run in development and production environments.

Node / Google Developer Experts

• skulljs - Skulljs aims to give a standardized file structure to create web applications based on popular Javascript / Typescript frameworks.

GraphQL / Google Developer Experts

• apollo-orbit (⭐3) - A fully-featured GraphQL client for Angular with modular state management.

Server-Side Rendering / Google Developer Experts

• treaty (⭐10) - The meta framework for Angular. An alternative to Analog.

Charts / Google Developer Experts

• angular-google-charts (⭐276) - A wrapper for the Google Charts library written in Angular.

Form Controls / Google Developer Experts

• ngx-ui-switch (⭐111) - A simple iOS 7 style switch component for Angular.

• olt-ngx-ui-switch (⭐1) - NGX UI Switch (Forked) to latest version of Angular.

• auto-complete (⭐280) - Angular Auto Complete component and directive.

Media / Google Developer Experts

• silicon-audio-wave (⭐2) - Very simple audio wave system from Silicon.

• ngx-plyr (⭐2) - Angular 17+ bindings for plyr (⭐27k) video and audio player. Supports everything that original library supports.

• byteark-player-angular (⭐1) - Player Container from ByteArk.

• Vidstack (⭐2.3k) - A framework and collection of UI components for building and managing custom media players on the web. You can use this library to build your own player (see our examples), or use our production-ready Default Layout and customize it to match your brand and site. See this installation guide.

• dyte-io/ui-kit (⭐1) - Dyte's UI library for creating meeting interfaces.

Unspecified / Google Developer Experts

• pastanaga-angular (⭐10) - An Angular implementation of Pastanaga design system offering a set of re-usable UI components which are covering typical needs of any web application. It is maintained by Plone and Guillotina communities.

Tailwind CSS Based / Google Developer Experts

• Metronic - A comprehensive toolkit of UI components built with Tailwind CSS, enabling you to create modern, scalable web applications quickly and efficiently.

• Rectangle UI (⭐2) - A code-first UI component library for Angular.

• Mamba UI (⭐1.1k) - A free and open-sourced UI kit with 150+ Tailwind CSS components and templates.

Sep 09 - Sep 15, 2024

Deployment / Google Developer Experts

• Zerops - Zerops makes deploying and running Analog apps, both server side rendered (⭐2) and static (⭐4), a breeze.

Testing / Google Developer Experts

• ngx-testing-tools (⭐2) - Provides high-level utilities and reduces boilerplate for testing Angular applications.

Carousels / Google Developer Experts

• ngx-hm-carousel (⭐60) - A light carousel for Angular 18+, supports mobile touch with HammerJs.

Drag and Drop / Google Developer Experts

• angular-drag-drop-layout (⭐2) - A lightweight, dependency-free Angular library for creating highly customizable, responsive grid layouts with drag-and-drop functionality.

File Upload / Google Developer Experts

• ngxf-uploader (⭐27) - File uploader for Angular 18+.

Form Controls / Google Developer Experts

• angular-cc-library (⭐82) - Library to support Credit Card input masking and validation.

Tooltips / Google Developer Experts

• ngx-popovers (⭐11) - An Angular library based on Floating UI with already ready-made components to use.

TypeScript / Google Developer Experts

• ngx-exhaustive-check (⭐4) - Angular utility for ensuring exhaustive checks on TypeScript discriminated unions, enhancing type safety and reliability.

• mutates (⭐17) - A powerful toolset for mutating the Abstract Syntax Tree (AST) of TypeScript files. It is a fork of ng-morph (⭐156), with a broader focus beyond Angular-specific transformations, allowing for extensive AST modifications in any TypeScript project.

Sep 02 - Sep 08, 2024

Blogs / Google Developer Experts

• qupaya

Cheatsheet / Google Developer Experts

• Framework Field Guide - A free and practical way to learn Angular, React & Vue all at once.

AI / Google Developer Experts

• ng-flexbot (⭐3) - An open-source Angular UI library designed to create chatbots with just a few lines of code. It allows you to select from various models, such as GPT and Google Gemini, and customize the chatbot’s behavior using a prompt context.

Builders / Google Developer Experts

• angular-env-builder (⭐1) - Builder to generate src/environments/environment.ts file based on your environment variables.

Integrations / Google Developer Experts

• angular-three (⭐209) - Angular Renderer for THREE.js (⭐103k).

Security / Google Developer Experts

• HackTricks - Angular Security Checklist.

Updating / Google Developer Experts

• fast-facts/ng-update (⭐4) - A Github Action that keeps your Angular CLI-based projects up-to-date via automated PRs based on ng update.

Charts / Google Developer Experts

• zingchart-angular (⭐2) - ZingChart is a declarative, efficient, and simple JavaScript library for building responsive charts.

• unovis (⭐2.3k) - Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript.

Data Grids / Google Developer Experts

• revogrid (⭐2.8k) - Powerful virtual data grid smartsheet with advanced customization. Best features from Excel plus incredible performance.

• ZingGrid - ZingGrid (⭐89) is a JavaScript Web Component Library that allows developers to include interactive data tables in their web applications. The library can also be used in popular frameworks such as React, Angular, Vue, jQuery, and many more!

• ngx-panemu-table (⭐7) - An Angular table component. It is designed to be easy to use. Most work will be in TypeScript file, while the HTML file only needs to have a very simple panemu-table tag.

Dates / Google Developer Experts

• dhutaryan/ngx-mat-timepicker (⭐74) - Material timepicker based on material design.

DOM / Google Developer Experts

• ngx-ellipsis (⭐96) - Multiline text with ellipsis for Angular 9+.

File Upload / Google Developer Experts

• ngx-custom-material-file-input (⭐7) - File input management for Angular Material.

General / Google Developer Experts

• ngx-vest-forms (⭐47) - A lightweight adapter for Angular template-driven forms integrated with vest.js for validation.

Maps / Google Developer Experts

• ng-azure-maps (⭐16) - An Angular library, mostly an HTML-driven wrapper of the azure-maps-controls package, allowing you to easily integrate its functionalities into an Angular application.

State Management / Google Developer Experts

• angular-redux (⭐71) - Unofficial Angular bindings for Redux.

Storage / Google Developer Experts

• signaldb (⭐296) - A local JavaScript database with a MongoDB-like interface and TypeScript support, enabling optimistic UI with signal-based reactivity. It integrates easily with Angular, Solid.js, Preact, and Vue, simplifying data management with schema-less design, in-memory storage, and fast queries.

Unspecified / Google Developer Experts

• po-angular (⭐916) - Component library based on Angular. Documentation in Portuguese.

Tailwind CSS Based / Google Developer Experts

• Preline UI - Preline (⭐4.9k) is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

• ngxtw - Tailwind CSS components for Angular Enterprise Applications. Super easy to use and customize.

Misc Components / Google Developer Experts

• ngx-angular-query-builder (⭐32) - A new version of angular2-query-builder (⭐297) that supports modern Angular. Used to create queries and filters.

NgRx / Google Developer Experts

• ngrx-entity-relationship (⭐43) - ORM selectors for Redux, @ngrx/store, @ngrx/entity, and @ngrx/data. Ease of relationships with entities.

• ngx-signal-store-query (⭐7) - Signal Store feature that bridges with Angular Query.

Aug 26 - Sep 01, 2024

Books / Google Developer Experts

• Learn With: Angular 17 with Modules and Bootstrap - Jeffry Houser

Accessibility / Google Developer Experts

• angular-vlibras (⭐2) - An Angular library that integrates the VLibras accessibility widget into your Angular applications. VLibras provides automatic translation of digital content into the Brazilian Sign Language (Libras), increasing accessibility for users.

AI / Google Developer Experts

• abbi-ng-ai-image-descriptor (⭐1) - Angular web app for AI-generated image descriptions. You need an OpenAI API key to use the tool.

Analytics / Google Developer Experts

• litlyx (⭐762) - The easiest dev-centric analytics tool. Litlyx is an open-source analytics solution for any JavaScript framework. Setup takes less then 30 seconds and just one line of code!

Developer tools / Google Developer Experts

• vscode-angulartools (⭐19) - You can explore an Angular project, enhance documentation, reverse engineer code, and do refactoring with AngularTools.

Free / Google Developer Experts

• angular-templates (⭐13) - A set of Angular templates for common web apps.

Testing / Google Developer Experts

• nightwatch-plugin-angular (⭐2) - Official Nightwatch plugin which adds component testing support for Angular apps. It uses the Webpack DevServer under the hood. Requires Nightwatch 2.4+.

• Puppeteer Angular Schematic - Adds Puppeteer-based (⭐89k) e2e tests to your Angular project.

Carousels / Google Developer Experts

• slidecontent-angular (⭐3) - A simple content slide developed in Angular with navigation buttons and transition animations.

DOM / Google Developer Experts

• ngx-sticky-kit (⭐2) - Angular Sticky makes HTML elements sticky. For instance, the header, the menu, the sidebar or any other block can be stuck at the desired position.

Icons / Google Developer Experts

• angular-techs-logos (⭐4) - Library of tech related icons.

Mixed utilities / Google Developer Experts

• angular-toolbox (⭐3) - A library that provides useful tools for Angular apps development.

Unspecified / Google Developer Experts

• ngx-ui - NGXUI from Omnedia is a collection of standalone components that you can simply install and use in your Angular projects. It primarily features components, blocks, and templates geared towards creating landing pages and user-facing marketing materials.

Misc Components / Google Developer Experts

• ng2-gauge (⭐53) - SVG gauge component for Angular.

Ionic / Google Developer Experts

• ionic-angular-library (⭐4) - A collection of components and services that are useful for developing Ionic Angular applications.

• IDEA-Ionic8-extra (⭐2) - IDEA's extra components and services built on Ionic 8, and distributed with different NPM packages.

Aug 19 - Aug 25, 2024

Accessibility / Google Developer Experts

• digital.gov - Accessibility for teams guide from USA government.

• WAI - The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.

• webaim - Web accessibility in mind.

• WAVE - WAVE Web Accessibility Evaluation Tools.

• axe Accessibility Linter - Accessibility linting for HTML, Angular, React, Markdown, Vue, and React Native.

• Angular Material CDK - a11y - The a11y package provides a number of tools to improve accessibility.

• PrimeNG - PrimeNG accessibility guide.

• astral-accessibility (⭐21) - An open-source accessibility widget written in Angular.

AI / Google Developer Experts

• deep-chat (⭐1.5k) - Fully customizable AI chatbot component for your website.

HTTP / Google Developer Experts

• angular-odata (⭐50) - A fluent API for querying, creating, updating and deleting OData resources in Angular.

Aug 12 - Aug 18, 2024

HTTP / Google Developer Experts

• ngx-signalify (⭐8) - A small library to convert RxJs Observables into Angular Signals.

Integrations / Google Developer Experts

• ngx-stripe (⭐220) - A comprehensive library designed for seamless integration of Stripe Elements and payment processing capabilities into Angular applications. Leveraging the powerful features of StripeJS, Ngx Stripe simplifies building robust, secure, and scalable payment solutions.

• ngx-socket-io (⭐261) - Socket.IO module for Angular.

Internationalization / Google Developer Experts

• transloco (⭐2k) - 🚀 😍 The internationalization (i18n) library for Angular.

• transloco-keys-manager (⭐199) - Tools to help reduce monotonous work.

Paid / Google Developer Experts

• Jet - Jet is the ultimate Angular + Material Design boilerplate to build ambitious, robust web apps. Jet satisfies 60+ functional and non-functional stories.

Carousels / Google Developer Experts

• ngx-darkbox-gallery-library (⭐5) - A highly configurable lightbox themed gallery library for Angular applications using the Ivy engine (Angular 15+).

Charts / Google Developer Experts

• Foblex - Angular Powered Flow-Chart Library.

DOM / Google Developer Experts

• ng-condition (⭐7) - An alternative directive to *ngIf; else that simplifies conditions in HTML templates.

Editor Components / Google Developer Experts

• slate-angular (⭐177) - Angular view layer for Slate (⭐30k).

• BlockNoteAngular (⭐2) - Unofficial BlockNote (⭐6.7k) Angular wrapper.

• ngx-jodit (⭐18) - Angular wrapper for Jodit (⭐1.7k) WYSIWYG editor.

File Upload / Google Developer Experts

• uppy - Uppy (⭐29k) is a sleek, modular JavaScript file uploader that integrates seamlessly with any application. It’s fast, has a comprehensible API and lets you worry about more important problems than building a file uploader.

Mixed utilities / Google Developer Experts

• ng-as - Angular pipe and directive for type casting template variables.

QR Codes / Google Developer Experts

• ng-qrcode-svg (⭐2) - Simple QR code generator (SVG only) for Angular.

State Management / Google Developer Experts

• @tethys/store (⭐60) - A mini, yet powerful state management library for Angular.

NgRx / Google Developer Experts

• ngrx-store-formsync (⭐5) - Synchronize any reactive form to @ngrx/store.

• store-service (⭐25) - Adds an abstraction layer / facade between Angular components and the NgRx store.

Aug 05 - Aug 11, 2024

YouTube Channels / Google Developer Experts

• Brian Treese

Authentication / Google Developer Experts

• zitadel - Secure authentication management for your application. Customize as you grow, with easy APIs and programmable workflows. Focus on growing, your login is in good hands.

Developer tools / Google Developer Experts

• angular-scaffold (⭐9) - Scaffold an Angular project with all tooling you need for production projects.

GraphQL / Google Developer Experts

• hasura (⭐1.2k) - Real world GraphQL tutorials for frontend developers with deadlines!

• tailcall - This comprehensive guide dives into five powerful approaches for integrating GraphQL into your Angular applications.

HTTP / Google Developer Experts

• ng-http-loader (⭐352) - Smart Angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar.

Internationalization / Google Developer Experts

• intl-tel-input-ng (⭐18) - An Angular component to easily integrate intl-tel-input (⭐7.7k).

Monorepos / Google Developer Experts

• Turbo (⭐26k) - Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turbopack and Turborepo.

• Moon - A build system and monorepo management tool for the web ecosystem, written in Rust.

Server-Side Rendering / Google Developer Experts

• ngx-ssr-code-remover (⭐2) - Post processor to remove SSR Code from bundles when served.

Free / Google Developer Experts

• sanity-template-angular-clean (⭐9) - A clean Angular SPA that gets content from Sanity.

Charts / Google Developer Experts

• highcharts-angular (⭐431) - Official minimal Highcharts integration for Angular.

• angular-highcharts (⭐214) - Highcharts directive for Angular.

Data Grids / Google Developer Experts

• angular-slickgrid (⭐397) - A wrapper of the lightning fast & customizable SlickGrid (⭐6.8k) datagrid. It also includes multiple styling themes.

Images / Google Developer Experts

• img-comparison-slider (⭐656) - Image comparison slider. Compare images before and after. Supports React, Vue, and Angular.

• @unpic/angular - Angular directive for responsive, high-performance images. Generates a responsive <img> tag that follows best practices, with the correct srcset, sizes and styles. Detects image URLs from most image CDNs and CMSs and can resize images with no build step.

Unspecified / Google Developer Experts

• ng-vcl (⭐17) - Angular VCL ‒ an Angular component library based on the VCL CSS eco system.

Ionic / Google Developer Experts

• awesome-cordova-plugins (⭐2.4k) - Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support.

Jul 29 - Aug 04, 2024

Blogs / Google Developer Experts

• daily.dev

Books / Google Developer Experts

• Angular Mastery - CHRISTIAN LÜDEMANN FREE

Authentication / Google Developer Experts

• ng-supabase (⭐25) - An Angular component library for your Supabase project!

CLI / Google Developer Experts

• ng-chrome-extension (⭐172) - Easily create Angular Chrome Extensions (manifest v3).

Deployment / Google Developer Experts

• Cloudflare Pages

Developer tools / Google Developer Experts

• IDX - Project IDX is an AI-assisted workspace for full-stack, multiplatform app development in the cloud.

• VS Code NG Language Service (⭐781) - This extension provides a rich editing experience for Angular templates.

• VS Code Angular Snippets (⭐575) - This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.

• Angular Extension Pack - This extension pack packages some of the most popular VS Code Angular extensions.

• Angular Jester - Generate Jest spec files for Angular projects.

• Nx Console - Spend less time looking up command line arguments and more time shipping incredible products.

• VS Code Angular HTML - Syntax highlighting for angular HTML Template files.

Internationalization / Google Developer Experts

• ngx-translate-router (⭐131) - Translate routes using ngx-translate.

Free / Google Developer Experts

• xtreme-admin-angular-lite (⭐23) - Xtreme is the most powerful & comprehensive free Angular admin template based on Bootstrap Angular.

• spike-angular-free (⭐15) - Spike is the most powerful & comprehensive free Angular admin template based on Material Angular.

• Flexy-admin-angular-lite (⭐19) - Flexy is the Most Powerful & Comprehensive free Angular admin template based on Material Angular.

• admin-pro-angular-lite (⭐27) - AdminPro is the Most Powerful & Comprehensive free Angular admin template based on Bootstrap Angular.

• monster-angular-lite (⭐45) - Monster is the Most Powerful & Comprehensive free Angular admin template based on Bootstrap Angular.

• ample-angular-lite (⭐2) - Ample is the Most Powerful & Comprehensive free Angular admin template based on Bootstrap Angular.

• nice-angular-lite (⭐6) - Nice is the Most Powerful & Comprehensive free Angular admin template based on Bootstrap Angular.

• elite-angular-lite (⭐9) - WrapPixel's Elite Angular 17 Lite is a competent, powerful, and carefully handcrafted Angular Admin Template with a clean and minimalist design aesthetic.

• berry-free-angular-admin-template (⭐12) - Berry is a free angular admin dashboard template built with Angular and latest Bootstrap 5. It is meant to provide the best possible User Experience with highly customizable feature-rich pages.

• mantis-free-angular-admin-template (⭐12)

• datta-able-free-angular-admin-template (⭐21)

Paid / Google Developer Experts

• Flatlogic

Calendars / Google Developer Experts

• angular-calendar-timeline (⭐14) - A timeline for Angular 13+ that shows tasks or events on a timeline in different modes: days, weeks, and months. This library is pretty small and DOESN'T use big dependencies like JQuery or Moment.js. Library also supports SSR.

Data Grids / Google Developer Experts

• angular-datatables (⭐1.6k) - An Angular2+ library for building complex HTML tables using the DataTables jQuery plug-in.

Editor Components / Google Developer Experts

• tinymce-angular (⭐330) - Official TinyMCE Angular Component.

Form Controls / Google Developer Experts

• ngx-autosize-input (⭐22) - An Angular directive that automatically adjusts the width of an input element. It shrinks and increases the width.

Loggers / Google Developer Experts

• pretty-html-log (⭐38) - A module that allows you to pretty print the inner HTML of ComponentFixtures, DebugElements, NativeElements or even plain HTML strings to the console. This is very useful for debugging Angular component tests in Jest.

QR Codes / Google Developer Experts

• ng-qrcode (⭐54) - Easy to use AOT compatible QR code generator for Angular projects.

• dfts-qrcode (⭐3) - A tiny and simple-to-use JavaScript / TypeScript QR-Code generator library. Fully type-safe and ES modules compatible.

• ngx-scanner (⭐640) - Angular QR code, Barcode, DataMatrix, scanner component using ZXing.

• qrcode.angular (⭐1) - QR Code implementation based on Angular.

Unspecified / Google Developer Experts

• Windmillcode-Angular-CDK (⭐36) - Provides a collection of reusable UI components, each crafted with attention to detail and performance.

Viewers / Google Developer Experts

• ngx-treeview2 (⭐1) - An Angular treeview component with checkbox.

Jul 22 - Jul 28, 2024

Community

• ngx.tools (⭐73) - Discover Angular packages, libraries and schematics with this search engine.

• builtwith trends - Angular Usage Statistics.

Books / Google Developer Experts

• Packt Publishing - Your best option to find the largest variety of up-to-date programming books.

• GumRoad - Various Free and Paid Angular ebooks.

• LeanPub - LeanPub has variable pricing so you can support authors as you see fit.

• Manning - Buy a Manning pBook anywhere, get the eBook free here.

• Become a ninja with Angular - Ninja Squad

• Angular University Ebooks - Available separately or included with a subscription.

• Mastering Angular Signals - Kevin Kreuzer

• Angular Book (⭐34) - Denys Vuika FREE

• Modern Angular - Manfred Steyer FREE

• Ultimate Guide to Angular Evolution - House of Angular FREE

• Micro Frontends and Moduliths with Angular - Manfred Steyer FREE

Certification / Google Developer Experts

• Certificates.dev - Obtain your Certification of Competence as an Angular Developer.

• Angular Academy CA - Angular Academy is the #1 provider of hands-on instructor-led classroom training in Canada!

• Hackerrank - Angular (Basic) Skills Certification Test.

• Edureka - Angular Certification Course Online.

• Koenig - Various courses cover Angular separately or full-stack.

• Simplilearn - Angular Certification Training Course

• Altitude CSI - Angular Certification Program.

Authentication / Google Developer Experts

• ngx-clerk (⭐19) - An unofficial project that aims to provide a seamless integration of Clerk features into Angular applications.

CLI / Google Developer Experts

• ngx-stylesweep (⭐7) - A CLI tool that removes empty style files from your Angular components.

Deployment / Google Developer Experts

• analog-publish-gh-pages (⭐3) - A Github Action for the Deployment of an Analog.js App on Github Pages.

• Genezio (⭐477) - The easiest way to write and host a serverless application.

Integrations / Google Developer Experts

• angular-sdk-plugin (⭐1) - This repository contains a plugin for the Angular framework that integrates with the Split JS SDK.

Free / Google Developer Experts

• Angular-18-boilerplate (⭐50)

• angular-and-firebase-template (⭐6) - An opinionated full-stack starting point for building a web app, using Angular and Firebase.

Data Grids / Google Developer Experts

• datagrid (⭐9) - Angular TanStack table with shadcn Theme.

Loaders / Google Developer Experts

• ngx-loading-buttons (⭐16) - A lightweight Angular library to add a loading spinner to your Angular Material buttons.

Maps / Google Developer Experts

• cesium-angular-example (⭐48) - A simple web application that demonstrates integration of Cesium with the LATEST version of Angular.

Markdown / Google Developer Experts

• ngx-markdoc (⭐3) - Markdoc component for Angular applications.

Unspecified / Google Developer Experts

• ngwr (⭐3) - Angular UI kit to make stylish Angular applications.

Misc Components / Google Developer Experts

• ng2-idle (⭐325) - A module for responding to idle users in Angular applications.

TypeScript / Google Developer Experts

• valibot (⭐6.2k) - The modular and type safe schema library for validating structural data.

Jul 15 - Jul 21, 2024

Community

• Angular Discord Channel

• angular-memes (⭐35) - A collection of Angular memes.

Online Training / Google Developer Experts

• Angular - The Complete Guide

YouTube Channels / Google Developer Experts

• The Code Angle

AI / Google Developer Experts

• Generative AI web development with Angular YouTube Video

• Workik - Free AI-Powered Angular code generator | Your Context-Driven AI Partner!

• Figma to Angular - Convert Designs to Clean Angular Code in a Click.

• Zipy - AI Angular Code Generator.

• ai-test-gen-angular (⭐10) - A powerful tool that leverages OpenAI's advanced capabilities to automate the generation of unit tests for your Angular components and services.

• Yes Chat AI - Angular Ninja - Angular Development Assistant.

• theres an ai for that - #1 AI aggregator. Updated daily. Used by 20M+.

• what plugin - Angular copilot.

• mini-bard-palm2-angular (⭐28) - Result from this step by step guide on how to integrate Google Gemini with Angular.

• gemini-angular-drawing-demo (⭐38) - Developer sample written in Angular demonstrating Gemini multimodal (image and audio) input and understanding. The user enters a prompt and the app generates images via VertexAI’s image generation which the user can after that preview in a three-dimensional gallery.

• Alan AI - Build a voice agent for an Angular app.

• Vishal Gosain Hashnode - Integrate OpenAI into an Angular app.

• ng-text-to-image (⭐0) - Build an AI Image Generator in Angular 17 Using the Clipdrop API || AI Text to Image Generator.

• ng-generative-ai-demo (⭐9) - Result from this angular-ai-chatbot tutorial.

• aitools.fyi - AI Tools Built With Angular.

• angular-webxr-art-sample (⭐37) - A WebXR Gallery that creates Generative AI images using Vertex AI Image Generation and creates captioning using Gemini Multimodel API.

• global seo - Translate Angular app with AI.

Authentication / Google Developer Experts

• cryptr-angular (⭐1) - Codeless Auth platform for business.

• angular-authentication (⭐235) - An Angular application that demonstrates best practices for user authentication & authorization flows.

• ngx-security (⭐21) - Security directives for your Angular application to show/hide elements based on a user roles / permissions.

Deployment / Google Developer Experts

• ngx-aws-deploy (⭐100) - Deploy your Angular app to Amazon S3 directly from the Angular CLI.

Internationalization / Google Developer Experts

• i18n-ally (⭐4k) - All in one i18n extension for VS Code.

Free / Google Developer Experts

• angular-sample-app (⭐17) - This sample app demonstrates how to integrate the Descope authentication service into an Angular application. This application includes a login screen using Descope Angular SDK, a user dashboard to display user information and a navigation bar that dynamically adjusts based on the user's authentication state.

Testing / Google Developer Experts

• ng-mocks-sandbox (⭐5) - A repo with guides and examples for unit tests in Angular applications using ng-mocks.

• angular-testing-kit (⭐1) - A set of convenient utilities to make Angular testing with Jasmine and Karma simpler.

Animations / Google Developer Experts

• angular-shiki-magic-move (⭐2) - Smoothly animated code blocks with Shiki (⭐10k).

DOM / Google Developer Experts

• ngx-breakpoint-observer (⭐8) - This library adds reactive breakpoint and media query methods based on Signals.

Mixed utilities / Google Developer Experts

• angular-ru-sdk (⭐71) - A set of tool chains that implement common interaction patterns while being unopinionated about their presentation. It represents an abstraction of the core functionalities found in Angular.

• dfts-common (⭐3) - Collection of TypeScript and Angular libraries (QR Code, Bootstrap table and icons, and other utilities).

• sba-angular (⭐30) - Sinequa's Angular-based Search Based Application (SBA) Framework.

State Management / Google Developer Experts

• tansu (⭐85) - A lightweight, push-based state management library. It works well with the Angular ecosystem.

UX Components / Google Developer Experts

• bdc-walkthrough (⭐73) - An Angular Material library for displaying walk-through pop-ups and dialogs using a declarative way.

Misc Components / Google Developer Experts

• module-federation-plugin (⭐730) - Module Federation allows loading separately compiled and deployed code (like micro frontends or plugins) into an application. This plugin makes Module Federation work together with Angular and the CLI.

NgRx / Google Developer Experts

• ngx-view-state (⭐1) - Library for handling Loading/Success/Error in NgRx.

Jul 08 - Jul 14, 2024

Free / Google Developer Experts

• front-angular (⭐4) - This starter kit use angular version 18.0.0 and includes the following features: scalable folder structure, linter and Prettier, routing and lazy loading, authentication service, light design system, toast and modal service, Jest test setup and Docker compose.

• tailkit-starter-kit-angular (⭐2) - Angular Starter Kit for using Tailkit UI components out of the box in your project.

• angular-tailwind (⭐343) - Angular & Tailwind CSS Admin Dashboard Starter Kit.

• angular-starter-kit (⭐1) - Angular project template with Prettier, Linter, Git-Hooks and VS Code settings.

• fractal-boilerplate-lua-angular (⭐1) - Basic Angular & Lua - FiveM Boilerplate: A streamlined starter kit for web and in-game development with hot builds and utility scripts.

• angular-nestjs-starter-kit (⭐1) - Angular and NestJS Monorepo setup with NPM Workspaces and Github Actions.

Carousels / Google Developer Experts

• keen-slider (⭐4.7k) - The HTML touch slider carousel with the most native feeling you will get.

Mixed utilities / Google Developer Experts

• angular-kit (⭐5) - A set of powerful Angular tools including pipes, lifecycle hooks, and reactive enhancements.

Unspecified / Google Developer Experts

• dyte-io/ui-kit (⭐1) - Dyte's UI Kit is a prebuilt design library of UI components that makes it easy to integrate video and voice calls into any app or website within minutes.

• onega-ui (⭐1) - A modern and stylish UI kit that offers a wide range of UI components and elements to create professional and attractive websites.

• sky-ui (⭐3) - Angular UI kit.

• ngx-neumorphic (⭐1) - Angular Neomorphism UI kit.

• ng-zen (⭐2) - A versatile Angular library and CLI tool offering UI-kit Angular schematics for streamlined integration into projects. The tool is currently in the Alpha phase.

• pupakit (⭐45) - Angular UI Kit based on an atomic approach to building interfaces (Not production ready).

Bootstrap Based / Google Developer Experts

• design-angular-kit (⭐72) - A toolkit based on Bootstrap Italia for the creation of web applications developed with Angular.

Tailwind CSS Based / Google Developer Experts

• Tailkit UI - Carefully crafted, easy to customize, fully responsive Tailwind CSS Components, Templates and Tools for your Tailwind CSS based projects.

Misc Components / Google Developer Experts

• ngx-font-picker (⭐20) - Google fonts font picker widget for Angular.

• ngx-flagr (⭐9) - Effortless feature flag management in Angular.

Jul 01 - Jul 07, 2024

YouTube Channels / Google Developer Experts

• ng japan - (Japanese)

• StartupAngular - (Japanese)

NET / Google Developer Experts

• abp (⭐13k) - Open-source web application framework for ASP.NET Core! Offers an opinionated architecture to build enterprise software solutions with best practices on top of the .NET.

• LymeStack - LymeStack is a full-stack, full-featured web application template & toolset designed to provide small businesses and organizations with an accelerated starting point when it comes to creating new apps and adding features to those apps.

Internationalization / Google Developer Experts

• angular-ecmascript-intl (⭐15) - Contains pipes to transform internationalization data using Intl.* browser APIs.

Testing / Google Developer Experts

• ngentest (⭐144) - Angular6+ Unit Test Generator For Components, Directive, Services, and Pipes.

Carousels / Google Developer Experts

• ng-slider (⭐5) - A light slider with no external dependencies.

DOM / Google Developer Experts

• nglrx/pipes (⭐15) - A library of useful pipes for Angular apps.

• ng-helpers (⭐6) - A collection of useful components, directives and pipes for Angular.

File Upload / Google Developer Experts

• ngx-file-drop (⭐296) - Angular module for simple desktop file and folder drag and drop. This library does not need rxjs-compat.

Form Controls / Google Developer Experts

• angular-iban (⭐17) - IBAN directives and pipes for Angular.

Layout Components / Google Developer Experts

• gridstack (⭐6.9k) - Mobile-friendly modern Typescript library for dashboard layout and creation. Making a drag-and-drop, multi-column responsive dashboard has never been easier. Has multiple bindings and works great with Angular.

Unspecified / Google Developer Experts

• ng-primitives (⭐247) - A low-level UI component library with a focus on accessibility, customization, and developer experience.

Material Based / Google Developer Experts

• angular-material-css-vars (⭐194) - Little library to use css variables with Angular Material.

Misc Components / Google Developer Experts

• ng-dynamic-mf (⭐8) - Truly dynamic modules at runtime with Module Federation.

Jun 24 - Jun 30, 2024

Blogs / Google Developer Experts

• This is Angular

Other Lists / Google Developer Experts

• awesome-utils-dev/angular (⭐148) - This is an exhaustive list of resources covering the whole Angular ecosystem. This should be your next step if you haven't found what you need here.

• awesome-angular (⭐92)

• angular enterprise

Jun 17 - Jun 23, 2024

Podcasts

• Angular Catch Up

CLI / Google Developer Experts

• ngx-starter (⭐12) - An @angular/cli (⭐27k) based starter containing common components and services as well as a reference site.

HTTP / Google Developer Experts

• ngx-http-annotations (⭐0) - Updated fork of ngx-http-rest (⭐5), which allows you to interact with rest api in your Angular app through annotations.

Integrations / Google Developer Experts

• ngx-three (⭐67) - Use Three.js with your Angular project in a declarative way.

• ngx-facebook-messenger (⭐3) - Ngx Facebook Messenger offers a lightweight alternative that optimizes user experiences by significantly reducing initial load size, ensuring smoother page performance, and enhancing overall website efficiency.

Free / Google Developer Experts

• carbon-angular-starter (⭐77) - A simple starter app for bootstrapping applications with Carbon.

Updating / Google Developer Experts

• ng16-dep-audit (⭐40) - Quickly check which dependencies stop you from upgrading!

• ngx-maintenance (⭐20) - Can't upgrade to Angular 16+ due to old View Engine dependencies? This automates the hassle so you can easily upgrade!

Animations / Google Developer Experts

• ngx-typed-writer (⭐6) - A Native Angular 2+ Typing Animation Library (Angular SSR and Angular Universal Friendly).

Calendars / Google Developer Experts

• @schedule-x/angular (⭐1.3k) - Material design event calendar.

Charts / Google Developer Experts

• ngu-flow (⭐39) - Angular flow diagram library.

File Upload / Google Developer Experts

• ngx-filepond (⭐202) - A handy FilePond (⭐15k) adapter component for Angular.

Loggers / Google Developer Experts

• lumberjack (⭐184) - Lumberjack is a versatile Angular logging library, specifically designed to be extended and customized. It provides a few simple log drivers out-of-the-box. It's easy to enable the built-in log drivers or create and use custom log drivers.

• ngx-logger (⭐428) - NGX Logger is a simple logging module for Angular (6+). It allows "pretty print" to the console, as well as allowing log messages to be POSTed to a URL for server-side logging.

• angular-logger (⭐0) - A logger built with Angular in mind.

• ngx-action-logger (⭐0) - Logger for Angular applications, capable of both outputting data to the console or sending data to elastic.

• @Xilerth/ngx-logger (⭐1) - This library empowers developers to seamlessly integrate custom logging solutions tailored to their specific requirements, enabling efficient debugging, monitoring, and analytics.

Mixed utilities / Google Developer Experts

• ng-vibe (⭐9) - Designed for Angular 17+, these tools (drawer, dialog, toastify,timer, service-locator) are here to enhance your development process with dynamic and efficient solutions.

Notifications / Google Developer Experts

• ngx-notifier (⭐4) - A Simple Notification Service for Angular applications.

State Management / Google Developer Experts

• ngx-sherlock (⭐6) - ngx-sherlock is an Angular tooling library to be used with the @politie/sherlock (⭐39) distributed reactive state management library.

Tooltips / Google Developer Experts

• ngx-tooltip-directives (⭐5) - This library offers three different tooltip directives (string, html and template) and draws inspiration from the no longer maintained ng2-tooltip-directive (⭐101).

• ng2-tooltip-directive (⭐4) - Forked from ng2-tooltip-directive (⭐101).

• angular-tooltip (⭐2) - Easily show tooltips programmatically and/or declaratively in Angular.

• ngx-tippy-wrapper (⭐61) - Angular wrapper for Tippy.js (⭐12k).

• tooltip-testing (⭐1) - Tooltip for Angular, forked from cm-angular-tooltip

• angular-ellipsis-tooltip (⭐4) - Angular component to display ellipsis and material tooltip dynamically.

Unspecified / Google Developer Experts

• carbon-components-angular (⭐533) - An Angular implementation of the Carbon Design System for IBM.

Misc Components / Google Developer Experts

• ngx-signal-immutability (⭐3) - Compile-time and runtime immutability for Angular signals.

• angular-paginator (⭐6) - Pagination Component for Angular applications.

• ngx-flamegraph (⭐57) - Flame graph for stack trace visualization written in Angular.

• angular-compiler-output (⭐15) - See the JS output of the Angular compiler for a given angular template.

RxJS / Google Developer Experts

• audit-debounce (⭐0) - RxJS operator to debounce and audit simultaenously.

Jun 10 - Jun 16, 2024

Blogs / Google Developer Experts

• Tomasz Ducin

Books / Google Developer Experts

• Angular for Enterprise Applications - Packt Publishing

YouTube Channels / Google Developer Experts

• Mona Code Lisa

Node / Google Developer Experts

• nx - The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications and libraries within an Nx workspace. It also enables using Angular Devkit builders and schematics in Nx workspaces.

• workik - AI Angular code generator that supports all Angular frameworks and libraries.

• generator-jhipster-ionic (⭐193) - You can use it to generate an Ionic app that talks to a JHipster backend.

• create-tauri-app (⭐1k) - Rapidly scaffold out a new Tauri app project.

Spring Boot / Google Developer Experts

• JHipster - Open source app generator for Spring Boot and Angular.

GraphQL / Google Developer Experts

• graphql-code-generator (⭐11k) - A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.

Integrations / Google Developer Experts

• angular-tauri (⭐99) - Ultra-fast bootstrapping with Angular and Tauri.

Free / Google Developer Experts

• wails-template-angular-latest (⭐4) - A generated wails template, currently supports Angular 17.

Markdown / Google Developer Experts

• ngx-remark (⭐8) - Render markdown with custom Angular templates.

QR Codes / Google Developer Experts

• angularx-qrcode (⭐473) - A fast and easy-to-use Ivy compatible Ionic and Angular QR Code Generator library.

State Management / Google Developer Experts

• signalstory (⭐41) - A state management library based on Angular signals. It offers a range of architectural options, from simple repository-based state management (signal-in-a-service) to orchestrating decoupled commands, handling side effects through encapsulated objects, and facilitating inter-store communication using an event-driven approach.

Misc Components / Google Developer Experts

• ng-parsel (⭐16) - Parse your Angular code base to JSON abstraction - Great for displaying APIs and running custom analysis.

Jun 03 - Jun 09, 2024

Community

• made with angular (⭐91) - A showcase of web apps built with Angular.

• angular space - Your Hub for Learning and Growing as an Angular Developer.

Blogs / Google Developer Experts

• ng serve

Books / Google Developer Experts

• Angular Design Patterns and Best Practices (⭐51) - Packt Publishing

YouTube Channels / Google Developer Experts

• Learning Partner

• Code Deck

• Igor Sedov

• Demystify Frontend

Integrations / Google Developer Experts

• renovate-config-angular (⭐1) - Angular shareable config for Renovate.

• ngx-grapesjs (⭐17) - Angular wrapper library for GrapesJS.

• gojs-angular (⭐61) - A set of Angular components to manage GoJS Diagrams, Palettes, and Overviews.

• anguhashblog - Seamlessly connects your Angular or Analog application to the Hashnode GraphQL API, providing a template integration with a headless Hashnode setup.

Free / Google Developer Experts

• zen (⭐191) - Nest + Prisma + Apollo + Angular Full Stack GraphQL Starter Kit.

• Colorlib

• HTMLrev

Paid / Google Developer Experts

• Nzoni - Launch your SAAS in days with Angular.

• Creative Tim

• Angular Templates

• Theme Forest

• Wrap Pixel

• Angular-Templates

• Bootstrap Dash

• Admin Mart

• Template Monster

• NobleUI

• ThemesBrand

Testing / Google Developer Experts

• angular-unit-test-helper (⭐6) - Helper functions to help write unit tests in Angular using mocks and spies.

Updating / Google Developer Experts

• ng-morph (⭐156) - Code mutations in your project or schematics were never easier than now.

• ngx-libs (⭐77) - Angular Libraries Support lists community libs support for each Angular version.

Animations / Google Developer Experts

• ng-auto-animate (⭐11) - Angular Directive (library) for FormKit's Auto Animate.

• layout-projection (⭐9) - Beautify the Web with awesome layout animations.

• ngx-easy-view-transitions (⭐4) - Angular library for easier use of the View Transitions API.

Charts / Google Developer Experts

• ngx-echarts (⭐1.1k) - Angular directive for Apache ECharts (⭐61k).

• angular-fusioncharts (⭐55) - Angular Component for FusionCharts JavaScript Charting Library.

DOM / Google Developer Experts

• ngx-pipes (⭐1.6k) - Useful pipes for Angular with no external dependencies!

Drag and Drop / Google Developer Experts

• moveable (⭐10k) - Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, and Snappable.

Editor Components / Google Developer Experts

• acrodata/code-editor (⭐22) - CodeMirror 6 wrapper for Angular.

File Upload / Google Developer Experts

• file-upload (⭐87) - Angular module used for file upload.

Form Controls / Google Developer Experts

• angular-code-input (⭐180) - Robust and tested code (number/chars) input component for Angular 7 - 16+ projects. Ionic 4 - 7+ is supported, can be used in iOS and Android. Clipboard events are supported.

• ng-multiselect-dropdown (⭐327) - Multiple Select Dropdown Component.

Keyboard Mouse / Google Developer Experts

• ngx-contextmenu (⭐42) - A context menu component for Angular.

Layout Components / Google Developer Experts

• ng2-tree (⭐348) - Angular tree component.

Loaders / Google Developer Experts

• angular-svg-round-progressbar (⭐741) - Angular module that uses SVG to create a circular progressbar.

• ng-circle-progress (⭐251) - A simple circle progress component created for Angular based on SVG Graphics.

Markdown / Google Developer Experts

• ngx-markdown (⭐1.1k) - Angular library that combines Marked, Prism.js, Emoji-Toolkit, KaTeX, Mermaid and Clipboard.js.

Media / Google Developer Experts

• angular-audio-context (⭐21) - An Angular wrapper for the Web Audio API's AudioContext.

Mixed utilities / Google Developer Experts

• ngify (⭐102) - Use Angular features outside of Angular.

Tooltips / Google Developer Experts

• angular-confirmation-popover (⭐202) - An angular 15.0+ bootstrap confirmation popover.

Unspecified / Google Developer Experts

• winonang (⭐4) - Part of the Winona UI suite, aimed at providing seamless UI components for Angular developers. Our goal is to ensure that these components work flawlessly on Windows, but they are designed to be cross-platform compatible as well.

Material Based / Google Developer Experts

• ng-matero/extensions (⭐445) - Angular Material Extensions Library.

Viewers / Google Developer Experts

• infinite-viewer (⭐296) - Infinite Viewer is a document viewer component with infinite scrolling.

• ngx-doc-viewer (⭐51) - This component can be used to show several different document types in an Angular app.

Misc Components / Google Developer Experts

• angular-tag-cloud-module (⭐42) - With this module, you can generate word clouds / tag clouds.

• ngx-lipsum (⭐4) - Easily use lorem-ipsum dummy texts in your angular app as directive, component or by using a service.

• ngx-parallax-stars (⭐3) - Angular library to create beautiful stars with parallax effect.

• angular-twitter-timeline (⭐3) - Angular Public Twitter Timeline Widget.

May 27 - Jun 02, 2024

Podcasts

• Adventures in Angular

• Angular Experts

• Angular Air

• Angular Plus Show

• Angular Master Podcast

• Angularidades - (Spanish)

Blogs / Google Developer Experts

• ninja-squad

• Tomas Trajan

• Igor Katsuba

GraphQL / Google Developer Experts

• buoy (⭐7) - A GraphQL client for Angular built on top of Apollo.

HTTP / Google Developer Experts

• ngx-jwt (⭐1) - Angular library for injecting JWT tokens to HTTP requests.

• ngx-generic-rest-service (⭐1) - Wrapper for Angular services.

• @ngify/http (⭐102) - A reactive HTTP client in the form of @angular/common/http, offers the following major features: typed response objects, streamlined error handling, request and response interception.

Integrations / Google Developer Experts

• ngx-disqus (⭐113) - Disqus for Angular.

• ngx-papaparse (⭐90) - Papa Parse wrapper.

Testing / Google Developer Experts

• karma-image-snapshot (⭐5) - Karma jasmine matcher that performs image comparisons based on jest-image-snapshot (⭐3.8k) for visual regression testing.

• jest-marbles (⭐113) - Helpers library for marbles testing with Jest.

• jest-codemods (⭐881) - Codemods for migrating to Jest.

• ts-jest (⭐7k) - A Jest transformer with source map support that lets you use Jest to test projects written in TypeScript.

• stryker-js (⭐2.6k) - Mutation testing for JavaScript and friends.

• msw (⭐16k) - Seamless REST/GraphQL API mocking library for browser and Node.js.

• ngx-speculoos (⭐74) - Simpler, cleaner Angular unit tests.

• shallow-render (⭐273) - Angular testing made easy with shallow rendering and easy mocking.

Charts / Google Developer Experts

• ng-flowchart (⭐142) - A lightweight Angular Library for building drag and drop flow charts. Chart behavior and steps are customizable. Data can be exported or uploaded in json format.

DOM / Google Developer Experts

• ngx-highlightjs (⭐278) - Instant code highlighting, auto-detect language, super easy to use!

• ngx-sharebuttons (⭐527) - Angular share buttons.

Form Controls / Google Developer Experts

• ngx-bar-rating (⭐216) - Angular Bar Rating.

Notifications / Google Developer Experts

• OneSignal - With onesignal-ngx (⭐5), you can integrate OneSignal, world's leader for Mobile Push Notifications, Web Push, and In-App Messaging, into your Angular app.

Scroll / Google Developer Experts

• ngx-scrollbar (⭐618) - Custom overlay-scrollbars with native scrolling mechanism.

Viewers / Google Developer Experts

• ngx-diff (⭐29) - Angular component library for displaying diffs of text.

Misc Components / Google Developer Experts

• ng2csv (⭐6) - Angular service for saving data to CSV file.

• @ui-router/angular (⭐354) - UI-Router for Angular: State-based routing for Angular.

• ngx-csv-parser (⭐25) - CSV Parser for Angular by Developers Hive.

May 20 - May 26, 2024

Official Resources

• Site

• Blog

• Documentation

• Getting Started Tutorial

• Past Documentation Site

Blogs / Google Developer Experts

• angular - Official Angular blog.

Cheatsheet / Google Developer Experts

• Past Angular Cheatsheet - Note: NEW official docs do not have a cheatsheet.

Exercises / Google Developer Experts

• angular-debugging-challenge (⭐1) - This repository hosts an Angular-based project designed as a coding and debugging exercise.

• angular-api-challenge (⭐1) - This repository hosts an Angular-based project designed as a api integration exercise.

Authentication / Google Developer Experts

• angular-oauth2-oidc (⭐1.9k) - Support for OAuth 2 and OpenId Connect (OIDC) in Angular.

• keycloak-angular (⭐729) - Easy Keycloak setup for Angular applications.

CLI / Google Developer Experts

• Official web page

• angular-serve-and-run (⭐3) - Serve your Angular CLI project then run a command on top of it.

Deployment / Google Developer Experts

• Firebase Hosting

Developer tools / Google Developer Experts

• Angular Dev Tools - Angular DevTools is a browser extension that provides debugging and profiling capabilities for Angular applications.

Integrations / Google Developer Experts

• google-pay-button (⭐255) - Google Pay button - React, Angular, and custom element.

• Partytown - Relocate resource intensive third-party scripts off of the main thread and into a web worker.

Security / Google Developer Experts

• Angular Security - Best Practices

Updating / Google Developer Experts

• angular update guide - Interactive guide to help you migrate from one version of Angular to another.

Animations / Google Developer Experts

• ngx-count-animation (⭐2) - A package that elegantly animates number changes, creating a visually engaging transition from one value to another, perfect for counting or displaying real-time data updates.

Carousels / Google Developer Experts

• ngx-drag-scroll (⭐348) - A lightweight responsive Angular carousel library.

Charts / Google Developer Experts

• ngx-simple-charts (⭐6) - Angular 17+ library for D3 based line, bar, donut and date/timeline charts with multiple entry points. A configurable service for token handling is provided.

Cookies / Google Developer Experts

• ngx-cookie-service (⭐547) - Angular service for cookies. Originally based on the ng2-cookies (⭐64) library.

• ngx-cookieconsent (⭐164) - Cookie Consent module for Angular.

Data Grids / Google Developer Experts

• ngx-export-as (⭐68) - Angular 2+ / Ionic 2+ HTML/table element to export it as JSON, XML, PNG, CSV, TXT, MS-Word, Ms-Excel, and PDF.

Dates / Google Developer Experts

• time2blocks-ngx (⭐1) - Angular lib to identify which time is associated with a blockchain block in the past (and format it).

DOM / Google Developer Experts

• ngxd (⭐322) - NgComponentOutlet + Data-Binding + Full Lifecycle = NgxComponentOutlet for Angular 7+.

• ngx-quicklink (⭐752) - Quicklink prefetching strategy for the Angular router.

Editor Components / Google Developer Experts

• ngx-tiptap (⭐126) - Angular bindings for tiptap v2.

General / Google Developer Experts

• fluent-form (⭐48) - Building dynamic form in Angular with Fluent API or JSON.

• ng-signal-forms (⭐128) - Signal powered Angular Forms.

• ngx-sub-form (⭐314) - Utility library for breaking down an Angular form into multiple components.

• forms-typed (⭐83) - Want types in your forms? Want to have nested forms? This is library can help.

Form Controls / Google Developer Experts

• ngx-bootstrap-icons-picker (⭐7) - Just a Bootstrap Icons Picker for Angular.

• ngx-filesaver (⭐85) - Simple file save with FileSaver.js (⭐22k).

• angular-star-rating (⭐217) - Star Rating Angular Component written in TypeScript, based on CSS-only techniques.

Validation / Google Developer Experts

• ngx-valdemort (⭐202) - Simpler, cleaner Angular validation error messages.

• ngx-validator (⭐43) - Angular 7+ Validator. Handle validation messages easily and automatically.

• validointi (⭐24) - This is a library to help you validate your template driven forms.

• ngx-reactive-forms-utils (⭐6) - Provides easy validation error display and custom validators.

• angular-reactive-validation (⭐32) - Reactive Forms validation shouldn't require the developer to write lots of HTML to show validation messages. This library makes it easy.

Icons / Google Developer Experts

• angular-fontawesome (⭐1.5k) - Official Angular component for Font Awesome 5+.

• ng-svg-icon-sprite (⭐58) - Angular 16+ package for generating and using inline SVG icons in your project.

• Angular-Svg-Sprite (⭐0) - Simplify SVG icon usage in your Angular project! Enhance the flexibility and manageability of your Angular project by using SVG sprites.

• ng-hero-icons (⭐15) - Use Heroicons in your Angular application.

• ngx-fluent-ui (⭐18) - Angular & online library for Microsoft Fluent UI icons.

• angular-remix-icon (⭐10) - Angular wrapper for Remixicon icon library.

• angular-line-awesome (⭐4) - Angular Line Awesome is an Angular component to manage Line Awesome icons.

• ngx-bootstrap-icons (⭐33) - This Angular module allows you to use the Bootstrap Icons in your Angular application without additional dependencies.

• ngx-icon (⭐1) - An Angular component for displaying SVG icons.

• angular-feather (⭐155) - This package allows you to use Feather Icons (⭐25k) in your Angular applications.

• angular-tabler-icons (⭐25) - This package allows you to use the Tabler Icons in your Angular applications.

• icon-lib-builder (⭐1) - Small tool to generate a Framework component (React, Preact, Angular, Svelte or Vue) from a SVG icon.

• svg-icons-builder (⭐20) - Angular builder to build svg-icons using svg-to-ts.

• ngx-fast-svg (⭐58) - SVGs, fast and developer friendly in Angular.

Ionic / Google Developer Experts

• ionic-angular-collect-icons (⭐4) - This library is used to uniquely group the ionIcons in a project, and generate for export ionIcons file. In small projects, it is difficult to manage addIcons() of ionIcons each time, so we automated it.

Images / Google Developer Experts

• ngx-img-fallback (⭐82) - Load placeholder image on image error, Angular 5+.

• ngx-image-zoom (⭐133) - Angular component for zoomable images.

• ngx-image-hero (⭐1) - A package to implement hero animations, allowing users to click on images and smoothly zoom them into a larger, immersive view, enhancing the user experience and interaction with images.

• ngx-image-compress (⭐87) - Angular library for uploading and compressing images.

• ngx-image-cropper (⭐787) - An image cropper for Angular.

• ng-cloudimage-responsive (⭐16) - Cloudimage responsive plugin will make your website load the exact image size you need depending on your user's screen size.

• angular-cropperjs (⭐109) - Cropper.js (⭐13k) integration for Angular 6+.

Mixed utilities / Google Developer Experts

• rxweb (⭐404) - Tons of extensively featured packages for Angular, Vue and React Projects.

• jsonforms (⭐2.2k) - Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.

• ngspot (⭐25) - Collection of awesome Angular libraries.

• ngx-grpc (⭐239) - Angular gRPC framework.

• ts-cacheable (⭐340) - A popular platform-agnostic caching library.

• ngxtension-platform (⭐615) - Utilities for Angular.

• spartan (⭐1.5k) - Cutting-edge tools powering Angular full-stack development.

Scroll / Google Developer Experts

• ngx-scroll-animations (⭐4) - This minimalistic Angular directive, free from external dependencies, empowers you to effortlessly implement CSS animations on elements. These animations trigger when an element comes into view through scrolling on the page. It seamlessly integrates with your choice of CSS animations.

• OverlayScrollbars (⭐3.9k) - A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

• ng-table-virtual-scroll (⭐139) - Virtual Scroll for Angular Material Table.

State Management / Google Developer Experts

• ngx-collection (⭐31) - Collection State Management Service for Angular.

• xstate (⭐27k) - Actor-based state management & orchestration for complex app logic.

Unspecified / Google Developer Experts

• ngx-float-ui (⭐25) - Angular wrapper for the Floating UI library.

• orchestrator (⭐16) - Extensible orchestrator for UI and forms for Angular.

UX Components / Google Developer Experts

• ngx-tour-wizard (⭐16) - Product Tour Wizard.

Misc Components / Google Developer Experts

• gui (⭐95) - JSON powered GUI for configurable panels.

RxJS / Google Developer Experts

• observable-webworker (⭐226) - Simplified API for working with Web Workers with RxJS.

• ng-event-bus (⭐49) - RxJS-based message bus service for Angular.

May 13 - May 19, 2024

Community

• #angular hashtag on X.

• @Angular on X

X / Angular Team

• Minko Gechev

• Alan Agius

• Matthieu Riegler

• Alex Rickabaugh

• Kristiyan Kostadinov

• Paul Gschwendtner

• Joost Koehoorn

• Simona Cotin

• Emma Twersky

• Mark Thompson

• Pawel Kozlowski

• Dylan Hunn

X / Experts

• @PatrickJS__

• @pkozlowski_os

• @eggheadio

• @hirez_io

• @cedric_exbrayat

• @victorsavkin

• @jeffbcross

• @waterplea

• @marsibarsi

• @maciejtreder

• @maartentibau

X / Google Developer Experts

• Jack Franklin

• Thierry Chatel

• Uri Shaked

• Gonzalo Ruiz de Villa Suárez

• Sharon DiOrio

• John Papa

• Dan Wahlin

• Christian Weyer

• Todd Motto

• Tim Ruffles

• Wassim Chegham

• Aaron Frost

• Wilson Mendes

• Jared Williams

• Gerard Sans

• Pascal Precht

• Jeff Whelpley

• Raúl Jiménez

• Maxim Salnikov

• Deborah Kurata

• Shai Reznik

• Manfred Steyer

• Juri Strumpflohner

• William Grasel

• Alyssa Nicoll

• Nir kaufman

• Dmitriy Shekhovtsov

• Jeff Delaney

• Nishu Goel

• Alex Inkin

• Santosh Yadav

• Ankit

• Siddharth Ajmera

• Muhammad Ahsan Ayaz

• Dmytro Mezhenskyi

• Michael Hladky

• Fabio Biondi

• Thomas Laforge

• codewith_ahsan

Blogs / Google Developer Experts

• angular experts - Learn all about Angular, NgRx, RxJs & NX and advance your skills with guides, in-depth content and actionable tips and tricks!

• just angular - Shares the newest and most important updates about Angular, along with useful tips and tricks.

• angular minds

• angular architects

• Evgeniy Oz

CLI / Google Developer Experts

• angular-cli-diff (⭐331) - Easily upgrade your Angular CLI applications from one version to another 🚀.

• mantis-cli (⭐65) - M.A.N.T.I.S (MongoDB, Angular with Analog, Nx, Tailwind CSS, Ionic, Storybook) is not just a CLI tool; it's your passport to a seamless full-stack project launch.

Data Grids / Google Developer Experts

• ui-grid (⭐5.4k) - UI Grid: an Angular Data Grid.

• jspreadsheet - Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based online interactive tables and spreadsheets compatible with other spreadsheet software.

• handsontable - Handsontable is a popular JavaScript data grid component that brings the well-known look and feel of spreadsheets to your application.

Dates / Google Developer Experts

• ngx-date-fns (⭐165) - date-fns pipes for Angular.

• luxon-angular (⭐27) - date pipes for Angular.

• angular-globalize (⭐1) - Angular pipes for localizing numbers and dates using Globalize.

• ngx-mat-timepicker (⭐114) - A true material timepicker.

• angular-bootstrap-datetimepicker (⭐1.3k) - Native Angular date/time picker component styled by Bootstrap.

• ngx-datetime-range-picker (⭐26) - Angular material datetime range picker with daily, weekly, monthly, quarterly & yearly levels.

• mat-datetimepicker (⭐153) - Material datetimepicker for @angular/material.

• angular-datepicker (⭐498) - Highly configurable date picker built for Angular applications.

• ngx-daterangepicker-material (⭐250) - Pure Angular 2+ date range picker with material design theme.

• ngx-multiple-dates (⭐12) - Multiple dates picker based on Angular Material.

• ng-datetime (⭐0) - Angular library containing components used for handling datetime.

DOM / Google Developer Experts

• ngx-resize-observer (⭐17) - Angular 8+ module for detecting when elements are resized.

• ng-resize-observer (⭐22)

• ngx-mutation-observer (⭐5) - Get Angular 8+ events fired when an element is mutated in the DOM.

• ngx-visibility (⭐11) - Angular module that detects when elements are visible. Uses IntersectionObserver.

• ng-in-viewport (⭐226) - Allows us to check if an element is within the browsers visual viewport.

Layout Components / Google Developer Experts

• ngx-layout (⭐196) - Clone of Angular FlexLayout.

• ng-sortgrid (⭐146) - A grid that allows you to sort all items via drag & drop.

• angular-gridster2 (⭐1.3k) - Angular gridster 2.

• angular-grid-layout (⭐466) - Responsive grid with draggable and resizable items for Angular applications.

Mixed utilities / Google Developer Experts

• lithium-angular (⭐12) - Reactive components made easy! Lithium provides utilities that enable seamless reactive state and event interactions for Angular components.

Scroll / Google Developer Experts

• ngx-ui-scroll (⭐224) - Virtual/infinite scroll for Angular.

• ngx-page-scroll (⭐477) - Animated scrolling functionality for Angular written in pure TypeScript.

• lithium-ngx-virtual-scroll (⭐23) - A fast and lightweight virtual scrolling solution for Angular that supports single column lists, grid lists and view caching.

Material Based / Google Developer Experts

• Angular Material - Material Design components for Angular.

RxJS / Google Developer Experts

• ngx-observable-lifecycle (⭐34) - Library for observing the lifecycle of an (ivy compiled) angular component.

• rx-sandbox (⭐173) - Marble diagram DSL based test suite for RxJS.

• observer-spy (⭐378) - This library makes RxJS Observables testing easy!

• ngx-operators (⭐136) - RxJS operators for Angular.

• rxjs-toolbox (⭐10) - Set of custom operators and handy factory functions for RxJS.

• subscribable-things (⭐43) - A collection of reactive wrappers for various browser APIs.

• ngx-rxjs-zone-scheduler (⭐32) - A library for Angular providing RxJS schedulers to run some kind of work inside or outside of NgZone.

• rxjs-broker (⭐24) - An RxJS message broker for WebRTC DataChannels and WebSockets.

• rxjs-insights (⭐358) - See through the observables.

May 06 - May 12, 2024

X / Angular Team

• Jessica Janiuk

• Doug Parker

Blogs / Google Developer Experts

• marmicode

Exercises / Google Developer Experts

• angular-fundamental-lessons (⭐76)

• Angular Challenges - This repository gathers 50+ challenges related to Angular, Nx, RxJS, NgRx, and Typescript. These challenges revolve around real-life issues or specific features to elevate your skills.

• Codelabs - Google Developers Codelabs provide a guided, tutorial, hands-on coding experience. Most codelabs will step you through the process of building a small application, or adding a new feature to an existing application.

• rxjs-fruits - Interactive lessons covering a range of operators in RxJS.

Online Training / Google Developer Experts

• Marmicode

Analytics / Google Developer Experts

• Heap - Heap is the only digital insights platform that gives you complete understanding of your customers’ digital journeys, so you can quickly improve conversion, retention, and customer delight.

• ngx-tableau - ngx-tableau is an Angular module that allows you to embed a Tableau report in an Angular webapp.

• ngx-matomo-client (⭐74) - Matomo analytics client for Angular applications.

• angulartics2 (⭐1k) - Vendor-agnostic analytics for Angular2 applications.

• angular-google-tag-manager (⭐138) - A service library for integrate google tag manager in your angular project.

SEO / Google Developer Experts

• ngaox - Take Your Angular App Development to the Next Level with Ngaox: Seamless Content Integration, SVG Icon Optimization & Inlining, Advanced SEO & Social-Media Management, and More.

• ngx-seo (⭐14) - Update SEO title and meta tags easily in Angular apps.

• seo-analyzer (⭐78) - The library for analyze a HTML file to show all of the SEO defects.

• ngx-seo (⭐3) - Kwerri OSS: samvloeberghs.be + ngx-seo.

• angular-react-seo (⭐72) - Angular 17 & React 18 Examples SEO (Search engine optimization).

Carousels / Google Developer Experts

• ngu-carousel (⭐331) - Angular Universal carousel.

• ngx-slider (⭐388) - Self-contained, mobile friendly slider component for Angular based on angularjs-slider.

• ngx-gallery (⭐608) - Angular Gallery, Carousel and Lightbox.

• ng-image-slider (⭐105) - Angular Image Slider with Lightbox.

• ngx-slick-carousel (⭐113) - Angular 17+ wrapper for slick plugin.

• ngx-splide (⭐16) - Splide.js integration to Angular.

• ngx-owl-carousel-o (⭐177) - owl-carousel for Angular >=6.

• angular2-image-gallery (⭐305) - Image Gallery built with Angular 17+, node.js and GraphicsMagick.

• egjs-flicking - Flicking Angular Quick Start

DOM / Google Developer Experts

• ngx-dynamic-hooks (⭐116) - Automatically insert live Angular components into dynamic strings (based on their selector or any pattern of your choice) and render the result in the DOM.

• safe-pipe (⭐18) - Angular pipe for sanitizing your unsafe content.

Mixed utilities / Google Developer Experts

• trellisorg platform (⭐71) - The Trellis Open Source Repo contains projects and tools, some of which Trellis uses internally, but has opened sourced for the community to use.

• daffodil (⭐157) - Angular Ecommerce PWA Framework.

• ngworker (⭐37) - Monorepo for the @ngworker NPM organization. Packages for Angular applications and testing.

• myndpm (⭐54) - Open Source Angular Libraries contributed by @myndpm.

• jscutlery devkit (⭐246) - Tools that make Angular developer's life easier.

Modals / Google Developer Experts

• ngx-modal-ease (⭐14) - ngx-modal-ease is a versatile Angular library providing a lightweight, simple, and performant modal.

• ngx-smart-modal (⭐323) - Modal/Dialog component crafted for Angular (Ivy-compatible).

Storage / Google Developer Experts

• ngx-reactive-storage (⭐40) - Wrapper around IndexedDB and localStorage that allows you to create databases and tables using a simple, promise-based API. Changes to the data can be seen with Angular Signals or RxJS Observables.

• ng2-webstorage (⭐428) - LocalStorage and SessionStorage manager.

• ngx-indexed-db (⭐177) - Wraps IndexedDB in an Angular service.

• angular-async-local-storage (⭐676) - Efficient client-side storage for Angular: simple API + performance + Observables + validation.

• ng-web-apis/storage (⭐744) - This is a library to use Web Storage API with Angular.

• ngx-odm (⭐45) - Angular 14+ wrapper for RxDB.

Tooltips / Google Developer Experts

• popover (⭐225) - Popover component for Angular.

Unspecified / Google Developer Experts

• ng-clarity (⭐344) - Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.

• ngx-semantic (⭐5) - A new take on an Angular implementation for Semantic UI.

Node Based / Google Developer Experts

• ngx-vflow (⭐156) - An open source library to build node-based UI with Angular.

Misc Components / Google Developer Experts

• ngx-device-detector (⭐521) - An Angular v7+ library to detect the device, OS, and browser details.

• ngx-feature-toggle (⭐98) - Your module to handle with feature toggles in Angular applications easier.

• runtime-config-loader (⭐35) - This is an Angular library that provides an easy way to load a configuration JSON file for runtime configuration.

• ng-polymorpheus (⭐387) - Polymorpheus is a tiny library for polymorphic templates in Angular.

Apr 29 - May 05, 2024

Community

• angular hub (⭐49) - Curated list of Angular events and communities.

Newsletters

• angular addicts

• weekly angular

• angular weekly

• practical-angular-newsletter

• danywalls

• ultimate courses

Blogs / Google Developer Experts

• angular in depth

• house of angular

• thisdot labs

• halodoc

YouTube Channels / Google Developer Experts

• Angular

• NG CONF

• Zoaib Khan

• AyyazTech

• NivekDev

• LeelaWebDev

• WebTechTalk

• Babatunde Lamidi

• CodingWithSai

• UXTrendz

• TechStackNation

• Angular Love

• NG NEWS

Style Guides / Google Developer Experts

• Official Angular style guide

• Infinum

GraphQL / Google Developer Experts

• apollo-angular (⭐1.5k) - A fully-featured, production ready caching GraphQL client for Angular and every GraphQL server.

HTTP / Google Developer Experts

• cashew (⭐684) - A flexible and straightforward library that caches HTTP requests in Angular.

• convoyr (⭐42) - Modular HTTP extensions for Angular.

• angular-http-cache-interceptor (⭐5) - Angular HTTP cache interceptor.

Internationalization / Google Developer Experts

• ngx-tolgee (⭐231) - Web-based localization tool enabling users to translate directly in the Angular app they develop.

• localess (⭐36) - Localess is a powerful translation management tool and content management system built using Angular and Firebase. With Localess, you can easily manage and translate your website or app content into multiple languages, and it uses AI to translate faster.

• typesafe-i18n (⭐2.3k) - A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.

• angular-l10n (⭐380) - Angular library to translate texts, dates and numbers.

• I18N (⭐72) - Soluling has implemented a collection of internationalization (I18N) APIs for .NET, Angular and Delphi.

• ng-extract-i18n-merge (⭐176) - Extract and merge i18n xliff translation files for angular projects.

• ng-translate (⭐8) - Angular 2 translation module i18n (internationalization) from JSON file with pluralization (Zero value state included).

• ngxe (⭐5) - Angular 11.1+ JSON Translations Editor.

• ngx-translate (⭐4.5k) - The internationalization (i18n) library for Angular.

• ngx-translate-module-loader (⭐33) - Highly configurable and flexible translations loader for @ngx-translate/core.

• ngx-translate-multi-http-loader (⭐77) - A loader for ngx-translate that loads translations with http calls.

Testing / Google Developer Experts

• cypress-harness (⭐246) - This library provides Cypress support to Component Test Harnesses.

• swc-angular (⭐246) - This is a set of Angular presets that enable you to use SWC (Speedy Web Compiler) with Jest or Vitest.

• swc-angular-plugin (⭐246) - SWC (Speedy Web Compiler) is a lightning-fast JavaScript/TypeScript compiler, but it doesn't support Angular so you need this plugin.

Charts / Google Developer Experts

• dag (⭐155) - An Angular service for managing directed acyclic graphs.

DOM / Google Developer Experts

• edit-in-place (⭐265) - A flexible and unopinionated edit in place library.

File Upload / Google Developer Experts

• ngx-uploadx (⭐43) - Angular Resumable Upload Module.

General / Google Developer Experts

• ngx-mask (⭐1.2k) - Angular Plugin to make masks on form fields and html elements.

• maskito (⭐1.4k) - Collection of libraries to create an input mask which ensures that user types value according to predefined format.

• reactive-forms (⭐611) - (Angular Reactive) Forms with Benefits.

Form Controls / Google Developer Experts

• ngx-emoji-mart (⭐450) - Customizable Slack-like emoji picker.

• ngx-colors (⭐88) - Simple yet elegant Material color picker.

• ngx-color-picker (⭐456) - Color picker widget.

• angular-colorful (⭐10) - A tiny color picker component for modern Angular apps.

• ngx-numeric-range-form-field (⭐4) - Angular Material UI numeric range input form field. It is based on control value accessor.

• file-input-accessor (⭐29) - Angular directive that provides file input functionality in Angular forms.

Validation / Google Developer Experts

• ngx-formcontrol-errors (⭐1) - A directive for showing errors in Angular form controls.

• error-tailor (⭐485) - Making sure your tailor-made error solution is seamless!

Icons / Google Developer Experts

• svg-icon (⭐260) - A lightweight library that makes it easier to use SVG icons in your Angular Application.

Keyboard Mouse / Google Developer Experts

• hotkeys (⭐330) - A declarative library for handling hotkeys in Angular applications.

Layout Components / Google Developer Experts

• overview (⭐121) - A collection of tools to make your Angular views more modular, scalable, and maintainable.

Loaders / Google Developer Experts

• dotglitch-ngx (⭐18) - Highly customizable lazy loader for Angular components.

• content-loader (⭐735) - SVG component to create placeholder loading, like Facebook cards loading.

• ngx-loading (⭐264) - A loading spinner for Angular applications.

• ng-block-ui (⭐145) - Block UI Loader/Spinner for Angular.

• ngx-spinner (⭐824) - A library for loading spinner for Angular.

• angular-busy (⭐23) - Show busy/loading indicators on any element during a promise/Observable.

• angular-loaders (⭐2) - Angular loader components.

• ngx-loader-indicator (⭐52) - Awesome loader for Angular applications. No wrappers only your elements.

• ngx-skeleton-loader (⭐580) - Make beautiful, animated loading skeletons that automatically adapt to your Angular apps.

Mixed utilities / Google Developer Experts

• angular components (⭐24k) - Component infrastructure and Material Design components for Angular.

Modals / Google Developer Experts

• dialog (⭐395) - A simple to use, highly customizable, and powerful modal.

Tooltips / Google Developer Experts

• helipopper (⭐405) - A Powerful Tooltip and Popover for Angular Applications.

Unspecified / Google Developer Experts

• ej2-angular-ui-components (⭐275) - Syncfusion Angular UI Components library has been built from the ground up to be lightweight, responsive, modular and touch friendly. It offers 70+ UI components that every applications will ever need.

• ng-devui (⭐1.8k) - Angular UI Component Library based on DevUI Design.

• ng-aquila (⭐213) - Aquila is an open-source component library provided by the Allianz Global Digital Factory (GDF). We use this library internally with Allianz branding. Here we provide a white label variant of these components.

• enterprise-ng - Angular wrappers for IDS Enterprise components.

• oblique (⭐55) - An Angular front-end framework Tailored for your swiss branded business web application, Oblique provides a standardized corporate design look and feel as well as a collection of ready-to-use Angular components.

• fundamental-ngx (⭐268) - Fundamental Library for Angular is SAP Design System Angular component library.

• designsystem (⭐85) - Kirby Design System is a UX Component library implementing the Kirby Design Philosophy.

• sbb-angular (⭐110) - Angular Library for SBB.

• ui (⭐31) - Enterprise level Angular UI framework from Alauda Frontend Team.

• ngx-tethys (⭐115) - Fast and reliable Tethys Design components for Angular.

• antwerp-ui_angular (⭐13) - Antwerp UI is a component interface library for building user interfaces and responsive web apps.

Material Based / Google Developer Experts

• Covalent (⭐2.2k) - Teradata UI Platform built on Angular Material.

• IgniteUI Angular (⭐571) - Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids, charts, and more.

• Alyle UI (⭐291) - Minimal Design, a set of components for Angular 16+.

• angular-material-extensions/google-maps-autocomplete (⭐171) - Autocomplete input component and directive for google-maps built with angular material design.

• angular-material-extensions/select-country (⭐126)

• angular-material-extensions/password-strength (⭐284) - Angular UI library to illustrate and validate a password's strength with material design.

• angular material components (⭐331) - Angular Material Library provide extra components for every project.

Bootstrap Based / Google Developer Experts

• ngx-bootstrap (⭐5.5k) - Fast and reliable Bootstrap widgets in Angular (supports Ivy engine).

Misc Components / Google Developer Experts

• rx-computed (⭐246) - The async RxJS-based version of signals' computed().

• microwave (⭐246) - Optimize Angular change detection effortlessly.

• falso (⭐3.2k) - All the Fake Data for All Your Real Needs.

NgRx / Google Developer Experts

• ngrx-toolkit (⭐167) - Various Extensions for the NgRx Signal Store.

• ngrx-traits (⭐71) - NgRx Traits is a library to help you compose and reuse a set NGRX actions, selectors, effects, and reducers across your app.

• ngrx-addons (⭐4) - A collection of NgRx addons, including state persistence.

• ngrx-store-storagesync (⭐41) - Highly configurable state sync library between localStorage/sessionStorage and @ngrx/store.

• ngrx-wieder (⭐127) - Lightweight undo-redo for Angular with NgRx & Immer.js.

• ngrx-immer (⭐120) - Immer wrappers around NgRx methods createReducer, on, and ComponentStore.

• ngrx-rtk-query (⭐61) - Make RTK Query with Hooks works in Angular Applications.

• ngrx-action-bundles (⭐14) - This library allows you to reduce ngrx boilerplate by generating action bundles for common ngrx redux store scenarios and allows you to easily connect state, dispatch actions and listen for actions everywhere across your applications.

RxJS / Google Developer Experts

• operators (⭐246) - This package regroups a couple of RxJS operators meant to simplify some common patterns.

• until-destroy (⭐1.7k) - RxJS operator that unsubscribe from observables on destroy.

• effects (⭐62) - A framework-agnostic RxJS effects implementation.

Apr 22 - Apr 28, 2024

Community

• Top rated Angular stackoverflow questions Dashboard

• angular-logos (⭐78) - Repo is dedicated to collecting all the different kinds of Angular badges and logos.

Blogs / Google Developer Experts

• angular.love - (Polish) Excellent up-to-date resource for Angular.

• modern-angular - Josh Morony's website is a collection of content centered around creating modern Angular applications using the latest Angular features and concepts.

• angular-university - Learn and Keep Up with the Angular Ecosystem.

• simplified courses - Blog articles written with love, just for you!

• Netanel Basal

• Tim Deschryver

• Chau Tran

• Minko Gechev

• Matthieu Riegler

• Thomas Laforge

• Rainer Hahnekamp

Cheatsheet / Google Developer Experts

• Interviewbit Angular Cheatsheet

• Angular Checklist (⭐316)

• ZeroToMastery Angular Cheatsheet

Online Training / Google Developer Experts

• Angular Start - Learn to build professional-grade Angular v17 applications using new features with modern best practices.

• Angular Training - The Angular Coach You Need.

• Angular University - Learn And Keep Up With The Angular Ecosystem.

• Ultimate Courses - Everything you need to become an Angular expert.

• Angular Academy - World-class instructor-led live online Angular courses!

On-Site Training / Google Developer Experts

• Simplified Courses - Angular Training by Expert Brecht Billiet!

YouTube Channels / Google Developer Experts

• Procademy

• Monsterlessons Academy

• Joshua Morony

• Nihira Techiees

• Angular University

• Rainer Hahnekamp

• Code Shots With Profanis

• Deborah Kurata

• BrandonRobertsDev

• Decoded Frontend

• Galaxies_dev

Analytics / Google Developer Experts

• ngx-google-analytics (⭐17) - A simple Google analytics integration for Angular apps.

Authentication / Google Developer Experts

• angular-auth-oidc-client (⭐1.1k) - NPM package for OpenID Connect, OAuth Code Flow with PKCE, Refresh tokens, and Implicit Flow.

• angularx-social-login (⭐641) - Social login and authentication module for Angular 17.

• ms-identity-javascript-angular-tutorial (⭐203) - A chapterwise tutorial that will take you through the fundamentals of modern authentication with Microsoft identity platform using MSAL Angular.

• auth0-angular (⭐178) - Auth0 SDK for Angular Single Page Applications.

• ng-universal (⭐441) - Angular Universal module for Nest framework (Node.js).

• angularfire (⭐7.7k) - Angular + Firebase.

• supabase - Build a User Management App with Angular.

• fingerprint - The Fingerprint Angular SDK is an easy way to integrate Fingerprint into your Angular application.

• amplify - AWS Amplify streamlines full-stack app development. With its libraries, CLI, and services, you can easily connect your frontend to the cloud for authentication, storage, APIs, and more.

Builders / Google Developer Experts

• Webpack

• ESBuild

• Angular Builders (⭐1.1k) - This repo consolidates all the community builders (ES Build, Webpack, Jest, Bazel, and Timestamp) for the Angular build facade.

• Jest Builder (⭐1.1k) - Jest builder for Angular build facade.

• Custom Webpack (⭐1.1k)

• Custom ESBuild (⭐1.1k)

• Bazel (⭐1.1k) - Provides an Angular CLI Builder, which can execute Bazel when triggered by ng build, ng test, etc.

• Timestamp (⭐1.1k) - This is explained in this article.

• ngx-build-plus (⭐1.2k) - Extend the Angular CLI's default build behavior without ejecting, e. g. for Angular Elements.

• ng-process-env (⭐19) - Angular schematics and builder to retrieve values from System Environment (OS) variables and update relevant environment.ts file.

• ngx-electronify (⭐114) - Angular CLI builder that runs your application in the desktop using Electron.

• dotenv-run (⭐249) - Seamlessly load environment variables. Supports cli, esbuild, rollup, vite, webpack, angular, ESM and Monorepos.

• ng-packagr (⭐1.8k) - Compile and package Angular libraries in Angular Package Format (APF).

Deployment / Google Developer Experts

• aws amplify

• Vercel

• Netlify - Angular applications on Netlify can benefit from integrations such as automatic framework detection and built-in redirects functionality. The Angular Runtime (⭐19) plugin implements Angular Support on Netlify.

• angular-cli-ghpages (⭐957) - SSR does not work, and there can be some caveats, but you can host your Angular project on GitHub Pages.

Developer tools / Google Developer Experts

• StackBlitz - Instant Dev Environments.

• Redux DevTools (⭐14k) - Can be used in combination with @ngrx/store-devtools to inspect the state of your NgRx app.

• Ionic VS Code Extension - Perform various functions that are common to developing an Ionic app, all without leaving your VS Code window.

• Angular Schematics - Ultimate code generation in Visual Studio Code.

• Angular 17 Snippets - 258 Angular Snippets (TypeScript, Html, Angular Material, Flex Layout, NgRx, RxJS, PWA & Testing).

Documentation tools / Google Developer Experts

• ng-doc (⭐239) - The documentation engine for Angular projects.

• docgeni (⭐195) - A modern, powerful and out of the box documentation generator for Angular components lib and markdown docs.

Node / Google Developer Experts

• teleport-code-generators (⭐1k) - A collection of code generators for modern JavaScript applications.

Spring Boot / Google Developer Experts

• Bootify.io - Generate Spring Boot apps with custom database, Angular frontend and CRUD functionality.

Integrations / Google Developer Experts

• TailwindCSS + Angular - Integrate Angular app with Tailwind.

• Sentry - Sentry is a developer-first error tracking and performance monitoring platform.

• Stencil - Stencil can generate Angular component wrappers for your web components. This can improve Angular performance.

• GoodData - Integrate GoodData Visualizations into your Angular application.

• DataDog - With the Datadog Angular integration, you can resolve performance issues quickly.

• Elastic - Real User Monitoring JavaScript agent with Angular applications.

• HyperFormula - HyperFormula is a headless spreadsheet built in TypeScript, serving as both a parser and evaluator of spreadsheet formulas. It can be integrated into your browser.

• Strich - STRICH is a JavaScript library for real-time, multi-format barcode scanning directly in the web browser.

• Pega - Angular SDK includes a bridge and DX components that connect the ConstellationJS Engine to an Angular-based design system.

• Genesis Foundation - Genesis is a low-code platform designed specifically for the financial markets.

• angular-sdk (⭐25) - Angular library used to integrate with Descope.

• angular-electron (⭐5.7k) - Ultra-fast bootstrapping with Angular and Electron.

• Postcat (⭐5.3k) - A lightweight, extensible API tool based on Angular and Electron.

• angulardart-community (⭐5) - The next-generation AngularDart documentation website.

• NativeScript - NativeScript provides platform APIs directly to the JavaScript runtime (with strong types) for a rich TypeScript development experience.

• Bit - Leverage Bit to build composable software.

Monorepos / Google Developer Experts

• Nx (⭐24k) - Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.

Security / Google Developer Experts

• Socket - Socket is a developer-first security platform that protects your code from both vulnerable and malicious dependencies.

• Synk - Snyk is a developer security platform that integrates directly into development tools, workflows, and automation pipelines.

• Github - Code scanning is available for all public repositories on GitHub.com. You can turn on secret scanning and use Code QL to secure your repos.

• Github Skills - Guided interactive tutorials for Code Security and analysis are available.

Server-Side Rendering / Google Developer Experts

• ssr - Documentation for the new SSR package built into the framework.

• angular-prerender (⭐126) - A command line tool to prerender Angular Apps.

• analogjs - Fullstack Angular meta-framework supports both server-side rendering (SSR) and static site generation (SSG) of Angular applications.

Free / Google Developer Experts

• ng-matero (⭐1.3k) - Angular Material admin dashboard template.

• coreui-free-angular-admin-template (⭐1.7k) - CoreUI Angular is free Angular 17 admin template based on Bootstrap 5.

• sakai-ng (⭐581) - Free Angular Admin Template by PrimeNG.

• angular-template-for-threejs (⭐146) - Angular Template For Three.js.

• lemon-mart (⭐162) - Angular Template App with a Router-first architecture.

• devextreme-angular-template (⭐119) - Responsive Application Layout Templates​ based on DevExtreme Angular Components.

• QuickApp (⭐1.3k) - ASP.NET Core / Angular startup project template with complete login, user and role management. Plus other useful services for Quick Application Development.

• material-pro-angular-lite (⭐128) - MaterialPro Angular Lite is high quality free angular material template / theme from WrapPixel. You can download and use for Personal as well as Commercial Projects.

• Angular-V17-Template (⭐55) - A template designed for Angular 17 that emphasizes clean code practices and test-friendly development.

• angular-quickstart (⭐22) - A bare-bones Angular template to get you deployed to Netlify fast!

• sap-fiori-templates (⭐26) - SAP BTP & Fiori App templates implemented with third-party frontend frameworks such as React, Vue, and Angular.

• template-angular (⭐20) - Phaser 3 TypeScript project template that uses the Angular framework and Vite for bundling.

• angular-nest (⭐16) - Simple web app template with Angular v17 + NestJS v9 + ng-openapi-gen.

• angular-ngrx-frontend (⭐12) - Angular NgRx powered frontend template for Symfony (or similar) backend.

• gradient-able-free-admin-template (⭐19) - Gradient able free bootstrap, angular, react admin template.

Testing / Google Developer Experts

• ng-mocks (⭐1.1k) - Angular testing library for mocking components, directives, pipes, services and facilitating TestBed setup.

• auto-spies (⭐180) - Create automatic spies from classes.

• @angular/cdk/testing - @angular/cdk/testing provides infrastructure to help with testing Angular components.

• cypress - End to End and Component Testing for Angular.

• jasmine - Simple JavaScript testing.

• jest - Jest is a delightful JavaScript Testing Framework with a focus on simplicity.

• jest-preset-angular (⭐885) - Jest configuration preset for Angular projects.

• jest-preview (⭐2.3k) - Debug your Jest tests. Effortlessly.

• playwright-ct-angular (⭐48) - Playwright Angular component testing.

• spectacular (⭐37) - Spectacular offers test harnesses for Angular applications and libraries.

• spectator (⭐2.1k) - A Powerful Tool to Simplify Your Angular Tests.

• testcafe - TestCafe is a user-friendly end-to-end testing solution. Free and open-source test runner. Powerful desktop app.

• webdriverio (⭐9.1k) - Next-gen browser and mobile automation test framework for Node.js.

• angular-tour-of-heroes-jest-100-coverage (⭐3) - 100% unit testing coverage of the popular Angular demo app - Tour of Heroes.

• how-do-i-test (⭐5) - Repository representing different testing use cases for Angular and Spring.

• YouTube - How do I Test? playlist.

• YouTube - Angular Unit Testing Made Easy.

• Tim Deschryver Blog - Testing an NgRx project.

Updating / Google Developer Experts

• ng update - Use the CLI to update your project or try new Angular features by adding the --next flag.

• migrations - Angular offers schematics to help update your project for you. You can convert your project to standalone components, the new control flow syntax, and more by using one of the Angular built-in schematics.

Animations / Google Developer Experts

• tsparticles (⭐33) - A component to easily add Particles animations to your Angular application.

• ngx-confetti-explosion (⭐9) - Confetti in Angular.

• angular-animations (⭐633) - Easy, Reusable Animation Utility library for Angular.

• ngx-lottie (⭐225) - Fully customizable Angular component for rendering After Effects animations. Compatible with Angular 9+.

• angular-animations-explorer (⭐134) - A resource to showcase the different animations that you could do with Angular.

• ngx-notation-reveal (⭐13) - Angular component to add rough notation animation when element is visible.

• ngx-typed2 (⭐2) - An Angular Typing Animation Library.

Calendars / Google Developer Experts

• angular-calendar-scheduler (⭐103) - A scheduler view component for angular.

• fullcalendar-angular (⭐1.1k) - The official Angular component for FullCalendar.

• angular-year-calendar (⭐20) - A powerful and performant Angular year calendar library built with ❤️.

Charts / Google Developer Experts

• ng-chartist (⭐126) - Angular component for Chartist.js.

• org-chart (⭐916) - Highly customizable org chart. Integrations available for Angular, React, and Vue.

• ag-charts (⭐175) - Fully-featured and highly customizable JavaScript charting library.

• systelab-charts (⭐0) - Systelab Angular Chart services.

• ngx-gantt (⭐256) - A modern and powerful gantt chart component for Angular.

• carbon-charts (⭐911) - Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library.

Data Grids / Google Developer Experts

• sheetjs - SheetJS is a JavaScript library for reading and writing data from spreadsheets.

• ngx-easy-table (⭐376) - The Easiest Angular Table. 12kb gzipped! Tree-shakeable. 55 features and growing!

• active-table (⭐225) - Framework agnostic table component for editable data experience.

• jsgrids (⭐173) - A comparison tool to compare JavaScript data grid and spreadsheet libraries. Find even more libraries from this repo.

Drag and Drop / Google Developer Experts

• ngx-drag-drop (⭐311) - Angular directives using the native HTML Drag And Drop API.

• ngx-dropzone (⭐34) - The missing file input component for Angular Material.

• ng-dnd (⭐119) - Drag and Drop for Angular.

• ngx-file-drag-drop (⭐17) - Angular material file input component which lets the user drag and drop files, or select files with the native file picker.

• angular cdk - The @angular/cdk/drag-drop module provides you with a way to easily and declaratively create drag-and-drop interfaces.

Editor Components / Google Developer Experts

• ngx-quill (⭐1.8k) - Angular (>=2) components for the Quill Rich Text Editor.

• ngx-editor (⭐456) - Rich Text Editor for Angular using ProseMirror.

• code-editor (⭐126) - Code editor component for Angular applications.

• ngx-wig (⭐229) - Angular(also Angular 17) WYSIWYG HTML Rich Text Editor.

• ngx-monaco-editor (⭐3) - Monaco Code Editor for Angular.

• ngx-property-editor (⭐1) - Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object.

General / Google Developer Experts

• ngx-formly (⭐2.8k) - JSON powered / Dynamic forms for Angular.

• formio (⭐643) - JSON powered forms for Angular.

• ng-dynamic-forms (⭐1.3k) - Rapid form development library for Angular.

Images / Google Developer Experts

• cloudinary - Angular SDK from Cloudinary.

Keyboard Mouse / Google Developer Experts

• angular2-hotkeys (⭐203) - Keyboard shortcuts for Angular 2 apps.

• virtual-keyboard-javascript (⭐0) - Virtual Keyboard for Javascript, React, Angular, & Vue.

• angular-touch-keyboard (⭐49) - Virtual Keyboard for Angular applications.

Loaders / Google Developer Experts

• ng-lazy-load-component (⭐7) - Lazy load Angular component into HTML template without routing.

• ngx-loading-bar (⭐772) - Automatic page loading / progress bar for Angular.

Maps / Google Developer Experts

• ng-maps (⭐48) - Modular map components for angular.

• ngx-leaflet (⭐777) - Core Leaflet package for Angular.io.

• ngx-maplibre-gl (⭐76) - Angular binding of maplibre-gl.

• @angular/google-maps (⭐24k) - This component provides a Google Maps Angular component that implements the Google Maps JavaScript API.

Markdown / Google Developer Experts

• ngx-markdown-editor (⭐174) - Angular markdown editor based on ace editor.

• angular-markdown-editor (⭐163) - Angular Markdown Editor. All-in-one Markdown Editor and Preview.

Mixed utilities / Google Developer Experts

• rx-angular (⭐1.9k) - RxAngular offers a toolkit for handling fully reactive apps with the main focus on runtime performance, template rendering, and developer experience.

• ng-web-apis (⭐744) - A set of common utils for consuming Web APIs with Angular.

Modals / Google Developer Experts

• ngx-awesome-popup (⭐73) - Angular dialog modal framework (Confirmation box, Alert box, Toast notification and Cookie banner).

Notifications / Google Developer Experts

• ngx-sweetalert2 (⭐658) - Declarative, reactive, and template-driven SweetAlert2 integration for Angular.

• hot-toast (⭐73) - Smoking hot toast notifications for Angular.

• ngx-sonner (⭐90) - An opinionated toast component for Angular. A port of @emilkowalski's sonner.

• angular-bootstrap-toast-service (⭐18) - Angular project for sending Bootstrap based toast notifications including Vercel deployment.

• angular2-notifications (⭐746) - A light and easy to use notifications library for Angular.

Scroll / Google Developer Experts

• ngx-infinite-scroll (⭐1.2k) - Infinite Scroll Directive for Angular.

State Management / Google Developer Experts

• ngxs (⭐3.5k) - NGXS tries to make things as simple and accessible as possible with less boilerplate and code to maintain.

• ngrx (⭐8k) - Reactive State for Angular.

• query (⭐42k) - Powerful asynchronous state management, server-state utilities and data fetching for the web.

• elf (⭐1.6k) - A reactive immutable state management solution built on top of RxJS. It uses custom RxJS operators to query the state and pure functions to update it.

• state-adapt (⭐295) - Declarative, incremental state management library.

• ngx-signal-state (⭐61) - Opinionated simple state management for Angular.

• mini-rx-store (⭐170) - MiniRx is the reactive state management platform.

Unspecified / Google Developer Experts

• Syncfusion - The Complete Angular Components Library.

• prime-ng (⭐10k) - The Most Complete Angular UI Component Library.

Material Based / Google Developer Experts

• MDBootstrap (⭐1.1k) - Bootstrap 5 & Angular 17 UI KIT - 700+ components, MIT license, simple installation.

UX Components / Google Developer Experts

• angular-shepherd (⭐219) - Angular 7 Service wrapping the site tour library Shepherd (⭐13k).

• skyux (⭐31) - SKY UX components for Angular.

• ngx-ui-tour (⭐174) - A UI tour library inspired by angular-ui-tour (⭐163).

Viewers / Google Developer Experts

• ngx-extended-pdf-viewer (⭐486) - A full-blown PDF viewer for Angular 16, 17, and beyond.

• ng2-pdfjs-viewer (⭐231) - An Angular component for PDFJS and ViewerJS (Supports all versions of Angular).

• ngx-json-viewer (⭐174) - JSON formatter and viewer in HTML for Angular.

Ionic / Google Developer Experts

• (Github) Ionic Framework (⭐51k) - Github Repo of Ionic Framework.

• Ionic Academy - The fastest way to learn Ionic.

• Elite Ionic - Advanced training for Angular developers who want to create NEXT LEVEL native web applications.

• Ionic Themes - Tutorials and templates.

• Ionic Start - Build web and native mobile applications with Ionic whilst learning modern reactive development with Angular.

NgRx / Google Developer Experts

• ngrx - Reactive State for Angular.

• ngrx-course (⭐384) - Angular University Complete Guide.

• ngrx-store-localstorage (⭐615) - Simple syncing between @ngrx/store and local storage.

• angular-ngrx-nx-realworld-example-app (⭐909) - Real world application built with Angular 17, NgRx 17, & Nx 17.

RxJS / Google Developer Experts

• rxjs - Reactive Extensions Library for JavaScript.

• learn-rxjs (⭐3.7k) - Clear examples, explanations, and resources for RxJS.

• rxjs-course (⭐382) - RxJs course from Angular University

• redux-observable (⭐7.9k) - RxJS middleware for action side effects in Redux using "Epics".

• rxjs-challenge (⭐594) - A set of little RxJS puzzles to practice your Observable skills.

TypeScript / Google Developer Experts

• typehero (⭐5.9k) - Connect, collaborate, and grow with a community of TypeScript developers.

• type-challenges (⭐43k) - Collection of TypeScript type challenges with online judge.

• typescript-challenges (⭐162) - A set of challenges helping you understand TypeScript.

• Sheriff (⭐202) - Lightweight Modularity for TypeScript Projects.

• Total Typescript Book (⭐1.7k) - The companion repo for the upcoming Total TypeScript book.

• ts-essentials (⭐3.8k) - All essential TypeScript types in one place.

• trpc (⭐35k) - Move Fast and Break Nothing. End-to-end typesafe APIs made easy.

• quicktype (⭐12k) - Generate types and converters from JSON, Schema, and GraphQL.

• ts-pattern (⭐12k) - The exhaustive Pattern Matching library for TypeScript, with smart type inference.

• ngx-mf (⭐42) - Bind your model types to angular FormGroup type.

• superstruct (⭐7k) - A simple and composable way to validate data in JavaScript (and TypeScript).

• typebox (⭐5k) - Json Schema Type Builder with Static Type Resolution for TypeScript.

• zod (⭐34k) - TypeScript-first schema validation with static type inference.

Apr 15 - Apr 21, 2024

Testing / Google Developer Experts

• Angular Testing Library - Angular Testing Library builds on top of DOM Testing Library by adding APIs for working with Angular components.

Charts / Google Developer Experts

• ng-apexcharts (⭐322) - Angular wrapper for ApexCharts to build interactive visualizations in Angular 7+.

Icons / Google Developer Experts

• ng-icons (⭐379) - The ultimate icon library for Angular.

• primeicons (⭐271) - PrimeIcons is the default icon library of PrimeNG with over 250 open source icons developed by PrimeTek.

• angular-svg-icon (⭐259) - Angular component and service for inlining SVGs allowing them to be easily styled with CSS.

Unspecified / Google Developer Experts

• AgnosUI - Highly configurable headless framework agnostic component library.

Tailwind CSS Based / Google Developer Experts

• David UI Angular (⭐69) - Components library for enterprise-level projects based on Tailwind CSS and Angular.

Apr 08 - Apr 14, 2024

SEO / Google Developer Experts

• @davidlj95/ngx-meta - Set your Angular site's metadata: standard meta tags, Open Graph, X Cards, JSON-LD, ... Supports SSR (and Angular Universal). Use a service. Use routes' data. Set it up in a flash! 🚀

Oct 30 - Nov 05, 2023

State Management / Google Developer Experts

• exome (⭐237) - Simple proxy based state manager for deeply nested states, works with Angular Signals and RxJS.

Oct 23 - Oct 29, 2023

Editor Components / Google Developer Experts

• ngx-simple-text-editor (⭐8) - Ngx Simple Text editor or ST editor is a simple native text editor component for Angular 9+.

Oct 16 - Oct 22, 2023

Developer tools / Google Developer Experts

• Scuri Code - A VS Code extention that will generate and maintain seeds for your unit tests.

Testing / Google Developer Experts

• Auto-create and -update tests tool - Automate Angular unit test and boilerplate with this schematic.

Editor Components / Google Developer Experts

• ckeditor - Ckeditor plugin for Angular2+.

Scroll / Google Developer Experts

• @robingenz/ngx-infinite-scroll (⭐5) - Simple Angular directive for infinite scrolling.

Unspecified / Google Developer Experts

• Dev Extreme - Feature-Complete 65+ Angular Component Suite.

• Taiga UI - Powerful set of open source components for Angular!

Oct 09 - Oct 15, 2023

Tailwind CSS Based / Google Developer Experts

• Flowbite - Open-source UI components built with Tailwind CSS with support for Angular.

UX Components / Google Developer Experts

• Zoom Image Library - A little yet powerful framework agnostic headless-library to zoom image on the web.

Mar 20 - Mar 26, 2023

Cheatsheet / Google Developer Experts

• Angular Developer Roadmap

Aug 22 - Aug 28, 2022

Books / Google Developer Experts

• Angular Cookbook - 80+ Recipes to enhance your Angular skills for enterprises - Packt Publishing

Keyboard Mouse / Google Developer Experts

• ngx-focus-control (⭐2) - Library to provide tools to work with focus and focusable elements to improve user interfaces and accessibility.

Mar 07 - Mar 13, 2022

DOM / Google Developer Experts

• ng-let (⭐51) - Structural directive for sharing data as local variable into html component template.

• ng-for-track-by-property (⭐29) - Angular global trackBy property directive with strict type checking.

State Management / Google Developer Experts

• ng-simple-state (⭐40) - Simple state management in Angular with only Services and RxJS.

May 31 - Jun 06, 2021

Data Grids / Google Developer Experts

• ignite-ui-angular's grid - The data grid, tree grid, hierarchical grid in Ignite UI for Angular (⭐571) provide excel-style filtering, live-data, sorting, draggable row and other toolbar.

May 17 - May 23, 2021

Testing / Google Developer Experts

• Testing Angular – A Guide to Robust Angular Applications - A Guide to Robust Angular Applications. A free online book and e-book.

May 03 - May 09, 2021

Icons / Google Developer Experts

• ngx-icon-blur (⭐6) - An Angular component that can be used to create a frosted glass effect for icons.

Apr 05 - Apr 11, 2021

Misc Components / Google Developer Experts

• ng-lock - Angular decorator for lock a function and user interface while a task running.

Mar 29 - Apr 04, 2021

HTTP / Google Developer Experts

• ng-http-caching (⭐45) - Cache for HTTP requests in Angular application.

DOM / Google Developer Experts

• ng-generic-pipe (⭐18) - Generic pipe for Angular application.

Misc Components / Google Developer Experts

• ng-portal (⭐16) - Component property connection in Angular application.

Feb 15 - Feb 21, 2021

CLI / Google Developer Experts

• ng-cli-hooks (⭐6) - Hooks for the Angular CLI to customize the build.

Nov 23 - Nov 29, 2020

Free / Google Developer Experts

• Threejs (⭐228) - New Three.js starter app.

Oct 26 - Nov 01, 2020

Developer tools / Google Developer Experts

• Bugfender - A cloud service to collect logs and Angular errors in Real-Time.

Oct 05 - Oct 11, 2020

Community

• Angular Expo showcase.

Analytics / Google Developer Experts

• ng2-adsense (⭐138) - Angular Adsense Component.

Authentication / Google Developer Experts

• casl-angular (⭐6k) - Module which integrates isomorphic permissions management library CASL (⭐6k) with Angular2+.

• ngx-auth-firebaseui (⭐589) - Angular Material UI component for Firebase authentication.

• ngx-permissions (⭐941) - Permission and roles based access control for your angular applications(AOT, lazy modules compatible).

HTTP / Google Developer Experts

• angular2-jwt (⭐2.6k) - Library for sending authenticated HTTP requests and decoding JWTs.

Breadcrumbs / Google Developer Experts

• xng-breadcrumb (⭐242) - Zero config breadcrumb solution. A lightweight, configurable and reactive breadcrumbs for Angular 6 and beyond.

Calendars / Google Developer Experts

• angular-calendar (⭐2.7k) - A flexible calendar component for angular 6.0+ that can display events on a month, week or day view.

• ng-fullcalendar (⭐1.1k) - Fullcalendar module for Angular.

Charts / Google Developer Experts

• ng2-charts (⭐2.4k) - Beautiful charts for Angular2 based on Chart.js.

• ngx-charts (⭐4.3k) - Declarative Charting Framework for Angular2 and beyond!

Data Grids / Google Developer Experts

• ag-grid - The best JavaScript Data Table for building Enterprise Applications. Supports React, Angular, Vue and Plain JavaScript.

Drag and Drop / Google Developer Experts

• ng2-dragula (⭐1.9k) - Drag and Drop so simple it hurts!

Editor Components / Google Developer Experts

• @ctrl/ngx-codemirror (⭐282) - Codemirror Wrapper for Angular.

• @instechnologies/ng-rooster (⭐12) - Angular wrapper of roosterjs, a rich text editor.

• angular2-froala-wysiwyg (⭐734) - Angular 2 wrapper for Froala WYSIWYG HTML Editor.

File Upload / Google Developer Experts

• ng2-file-upload (⭐1.9k) - Easy to use file upload directives.

• ngx-awesome-uploader - Angular Library for uploading files. It supports: File Upload and Preview (additionally preview images with lightbox), validation, image cropper, drag and drop with multi language support.

• ngx-flow (⭐60) - Angular7+ wrapper for flow.js (⭐3k) for file upload.

General / Google Developer Experts

• angular-imask (⭐5k) - Angular input mask.

Form Controls / Google Developer Experts

• ngx-color (⭐435) - 🎨 Color Pickers from Sketch, Photoshop, Chrome, Github, X & more.

• angular2-multiselect-dropdown (⭐298) - Angular multiselect dropdown component for web applications.

• ng-select (⭐3.3k) - All in One UI Select, Multiselect and Autocomplete.

Icons / Google Developer Experts

• angular2-fontawesome (⭐87) - Angular2 Components and Directives for FontAwesome.

• ng2-fontawesome (⭐20)- A small directive making font awesome even easier to use.

Layout Components / Google Developer Experts

• angular-split (⭐862) - Angular split component.

• egjs-infinitegrid (⭐2.2k) - Arrange infinite card elements according to various layout types like masonry for Angular.

Loaders / Google Developer Experts

• angular2-promise-buttons (⭐86) - Loading buttons for Angular 2 by @johannesjo.

• ngx-progressbar (⭐1k) - Nanoscopic progress bar, featuring realistic trickle animations.

Maps / Google Developer Experts

• angular-cesium (⭐178) - Creating map based web apps using Cesium and Angular.

• ngx-mapbox-gl (⭐346) - Angular binding of mapbox-gl-js.

Notifications / Google Developer Experts

• ngx-toastr (⭐2.5k) - Notifications/Toastr.

Scroll / Google Developer Experts

• angular-fullpage (⭐177) - Official component for fullPage.js, a fullscreen scrolling library.

• ngx-scrolltop (⭐30) - Lightweight, Material Design inspired button for scroll-to-top of the page. 🔼 No dependencies. Pure Angular! (Compatibility: Angular 9, Ivy, Universal, ng add).

State Management / Google Developer Experts

• universal-model-angular (⭐8) - Store and state management for Angular.

Unspecified / Google Developer Experts

• Nebular (⭐8.1k) - Customizable Angular UI Library based on Eva Design System.

• NG ZORRO MOBILE (⭐798) - An enterprise-class mobile UI components based on Ant Design Mobile and Angular.

• NG ZORRO (⭐8.9k) - An enterprise-class UI components based on Ant Design and Angular.

• ngx-ui (⭐705) - Style and Component Library for Angular2 and beyond!

• Wijmo 5 - Set of UI components for Angular2.

Material Based / Google Developer Experts

• angular-jqwidgets - Advanced Angular Components with Material Design.

Bootstrap Based / Google Developer Experts

• angular-bootstrap-md - Material Design for Bootstrap 5 & Angular 17.

• ng-bootstrap - Angular widgets built from the ground up using only Bootstrap 5 CSS with APIs designed for the Angular ecosystem.

Viewers / Google Developer Experts

• ng2-pdf-viewer (⭐1.3k) - PDF viewer component.

Misc Components / Google Developer Experts

• ngx-countdown (⭐192) - Simple, easy and performant countdown.

Ionic / Google Developer Experts

• Ionic Framework - Official Website for Ionic Framework.

TypeScript / Google Developer Experts

• TypeScript - Official Website for TypeScript.

• REPL - Official TypeScript REPL that runs entirely in your browser.

Jul 27 - Aug 02, 2020

On-Site Training / Google Developer Experts

• Workshops.DE (Germany)

Developer tools / Google Developer Experts

• CodeSandbox - An online IDE and prototyping tool for rapid Angular development.

Integrations / Google Developer Experts

• ckeditor5-angular (⭐205) - An official CKEditor 5 rich text editor component for Angular 2+.

• ckeditor4-angular (⭐55) - An official CKEditor 4 rich text editor component for Angular 2+.

May 13 - May 19, 2019

Server-Side Rendering / Google Developer Experts

• SEO-Friendly Angular SPA: Universal Server-Side Rendering Tutorial

Nov 12 - Nov 18, 2018

On-Site Training / Google Developer Experts

• Angular.DE (Germany)

Aug 06 - Aug 12, 2018

Cheatsheet / Google Developer Experts

• List of 100 Angular Interview questions and answers (⭐4.3k)

Mar 19 - Mar 25, 2018

Community

• Programming Community Curated Resources for Learning Angular

Feb 12 - Feb 18, 2018

Books / Google Developer Experts

• Angular-Buch (German) - dpunkt.verlag

On-Site Training / Google Developer Experts

• Angular.Schule (in Germany)

Jan 01 - Jan 07, 2018

Documentation tools / Google Developer Experts

• Storybook (⭐85k)- The UI development environment you'll love to use.

Nov 20 - Nov 26, 2017

Community

• Angular StackOverflow

Server-Side Rendering / Google Developer Experts

• Angular Universal Repository (GitHub) (⭐4k)

Sep 18 - Sep 24, 2017

Free / Google Developer Experts

• ngx-admin (⭐25k) - Customizable admin dashboard template based on Angular 10+.

Dec 19 - Dec 25, 2016

Documentation tools / Google Developer Experts

• Compodoc (⭐4k) - The missing documentation tool for your Angular application.

Oct 31 - Nov 06, 2016

Community

• /r/Angular2 Subreddit

• #ng-2 Slack Channel on AngularBuddies.

On-Site Training / Google Developer Experts

• Angular Boot Camp

May 16 - May 22, 2016

CLI / Google Developer Experts

• Official repository (⭐27k)

Nov 16 - Nov 22, 2015

TypeScript / Google Developer Experts

• DefinitelyTyped Repository (GitHub) (⭐49k) - The repository for high quality TypeScript type definitions.

Oct 12 - Oct 18, 2015

Official Resources

• GitHub Repo (⭐96k)

Sep 28 - Oct 04, 2015

Community

• Gitter Channel

TypeScript / Google Developer Experts

• TypeScript Repository (GitHub) (⭐101k) - Official GitHub Repo for TypeScript.