Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

awesome-angular

:page_facing_up: A curated list of awesome Angular resources
https://github.com/PatrickJS/awesome-angular

Last synced: 9 days ago
JSON representation

  • Table of contents

    • Angular

      • ng-process-env - Angular schematics and builder to retrieve values from System Environment (OS) variables and update relevant `environment.ts` file.
      • ng-cli-hooks - Hooks for the Angular CLI to customize the build.
      • ngx-aws-deploy - Deploy your Angular app to Amazon S3 directly from the Angular CLI.
      • ngx-jwt - Angular library for injecting JWT tokens to HTTP requests.
      • ngx-http-annotations - Updated fork of [ngx-http-rest](https://github.com/Mixalloff/ngx-http-rest), which allows you to interact with rest api in your Angular app through annotations.
      • angulardart-community - The next-generation AngularDart documentation website.
      • ngx-disqus - Disqus for Angular.
      • ngx-papaparse - [Papa Parse](https://www.papaparse.com) wrapper.
      • anguhashblog - Seamlessly connects your Angular or Analog application to the Hashnode GraphQL API, providing a template integration with a headless Hashnode setup.
      • ngx-facebook-messenger - 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.
      • angular-sdk-plugin - This repository contains a plugin for the Angular framework that integrates with the [Split](https://www.split.io) JS SDK.
      • typesafe-i18n - A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.
      • ng-translate - Angular 2 translation module i18n (internationalization) from JSON file with pluralization (Zero value state included).
      • ngxe - Angular 11.1+ JSON Translations Editor.
      • ngx-seo - Update SEO title and meta tags easily in Angular apps.
      • Angular Universal Repository (GitHub)
      • ngx-admin - Customizable admin dashboard template based on Angular 10+.
      • angular-template-for-threejs - Angular Template For Three.js.
      • lemon-mart - Angular Template App with a Router-first architecture.
      • Angular-V17-Template - A template designed for Angular 17 that emphasizes clean code practices and test-friendly development.
      • sap-fiori-templates - SAP BTP & Fiori App templates implemented with third-party frontend frameworks such as React, Vue, and Angular.
      • carbon-angular-starter - A simple starter app for bootstrapping applications with Carbon.
      • front-angular - 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.
      • angular-nestjs-starter-kit - Angular and NestJS Monorepo setup with NPM Workspaces and Github Actions.
      • Angular-18-boilerplate
      • auto-spies - Create automatic spies from classes.
      • playwright-ct-angular - Playwright Angular component testing.
      • ngentest - Angular6+ Unit Test Generator For Components, Directive, Services, and Pipes.
      • ng16-dep-audit - Quickly check which dependencies stop you from upgrading!
      • ngx-maintenance - Can't upgrade to Angular 16+ due to old View Engine dependencies? This automates the hassle so you can easily upgrade!
      • ngx-flagr - Effortless feature flag management in Angular.
      • angular - Official Angular blog.
      • ngx-translate-router - Translate routes using `ngx-translate`.
      • xtreme-admin-angular-lite - Xtreme is the most powerful & comprehensive free Angular admin template based on Bootstrap Angular.
      • admin-pro-angular-lite - AdminPro is the Most Powerful & Comprehensive free Angular admin template based on Bootstrap Angular.
      • monster-angular-lite - Monster is the Most Powerful & Comprehensive free Angular admin template based on Bootstrap Angular.
      • ample-angular-lite - Ample is the Most Powerful & Comprehensive free Angular admin template based on Bootstrap Angular.
      • nice-angular-lite - Nice is the Most Powerful & Comprehensive free Angular admin template based on Bootstrap Angular.
      • elite-angular-lite - WrapPixel's Elite Angular 17 Lite is a competent, powerful, and carefully handcrafted Angular Admin Template with a clean and minimalist design aesthetic.
      • angular - Official Angular blog.
      • Brian Treese
      • Jet - Jet is the ultimate Angular + Material Design boilerplate to build ambitious, robust web apps. Jet satisfies 60+ functional and non-functional stories.
      • angular - Official Angular blog.
      • ngx-signalify - A small library to convert RxJS Observables into Angular Signals.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • Learn With: Angular 17 with Modules and Bootstrap - `Jeffry Houser`
      • angular - Official Angular blog.
      • qupaya
      • ng-flexbot - 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.
      • angular - Official Angular blog.
      • ngx-generic-rest-service - Wrapper for Angular services.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • ng-rspack-build - [Rspack](https://github.com/web-infra-dev/rspack) plugin and loaders to build Angular applications.
      • angular - Official Angular blog.
      • built with angular - Discover apps of all sizes, including Open Source and Indie developer projects.
      • angular-library-template - A template for creating Angular libraries.
      • angular - Official Angular blog.
      • JSgigs
      • vike-angular - Angular integration for [Vike](https://github.com/vikejs/vike), a fast Vite-based frontend framework.
      • angular - Official Angular blog.
      • ngx-culqi - UNOFFICIAL [Culqi](https://culqi.com/) payment gateway library made to use with Angular. You can use the library like this [example](https://github.com/lperezp/culqi-angular).
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • Ben And Engineering
      • translate - Translation library for Angular and Ionic applications.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • Kobi Hari
      • bolt - Dev sandbox with AI from StackBlitz.
      • CodeSandbox - An online IDE and prototyping tool for rapid Angular development.
      • @EmilGramDK/angular-template - Angular with auth and PrimeNG.
      • rx-clarity-template - clarity angular template using angular 17, standalone app.
      • ngx-jwt-auth - Angular JWT Authentication Starter Template.
      • ngx-starter - Angular SSR Project Starter Template.
      • electron-typescript-angular - Really simple Electron + Typescript + Angular boilerplate.
      • angular - Official Angular blog.
      • ngx-intercom-messenger - Angular 18+ Wrapper for [@intercom/messenger-js-sdk](https://www.npmjs.com/package/@intercom/messenger-js-sdk).
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • Angular Christmas Calendar
      • Angular Love Advent Calendar
      • Advent of TypeScript
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • lowgular - The best courses for your career path as an Angular Frontend Developer.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • Frontend AI - Ask for a component or upload an image, and instantly receive ready-to-use code without lifting a finger.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • Gurubase - Angular Guru leverages up-to-date information from the Angular documentation, Stack Overflow, and articles across the internet to answer your questions.
      • Blog
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • madge - A developer tool for generating a visual graph of your module dependencies, finding circular dependencies, and giving you other useful info.
      • OpenFeature Angular SDK - [OpenFeature](https://openfeature.dev/) is an open specification that provides a vendor-agnostic, community-driven API for feature flagging that works with your favorite feature flag management tool or in-house solution.
      • ng-advance - A modern and fully-configured Angular starter template, empowering developers to quickly bootstrap their Angular projects with tools like Prettier, Jest, Husky, and ESLint.
      • angular - Official Angular blog.
      • angular - Official Angular blog.
      • Blog
      • Code Step By Step
      • Blog
      • angular4-paystack - An Angular module that abstracts the complexity of making [Paystack](https://paystack.com/) payments.
      • @Flutterwave/Angular-v3 - Angular library for [Flutterwave](https://flutterwave.com/) for Business (F4B) v3 APIs.
      • Blog
      • mbo-ez-angular-ez-http-client - An ez Angular HTTP client inspired by Java [OpenFeign](https://github.com/OpenFeign/feign) Client.
      • Angular-Storybook-Chromatic-CDD - Learn how to use [Chromatic](https://www.chromatic.com/) to test UI changes of Angular [Storybook](https://storybook.js.org/) components.
      • Blog
      • angular-exercises - Exercises on various Angular topics, including solutions and solution videos.
      • ngx-generic-rest-service - Wrapper for Angular services.
      • transloco - 🚀 😍 The internationalization (i18n) library for Angular.
      • Blog
      • Blog
      • Programming Practicals
      • Blog
      • Blog
      • Blog
      • Firebase Studio - Firebase Studio accelerates your entire development lifecycle with AI agents. Build backends, front ends, and mobile apps, all in one place.
      • Blog
      • built with angular - Discover apps of all sizes, including Open Source and Indie developer projects.
      • Blog
      • Blog
      • Blog
      • @wobsoriano/ngx-clerk - Community [Clerk](https://clerk.com/) integration for Angular.
      • nx-mf-remote-loader-generator - A Nx generator for creating and exposing remote components with SSR support in Module Federation. This generator works in conjunction with `ngx-mf-remote-loader` to provide seamless SSR support for remote components.
      • Blog
      • Blog
      • Blog
      • Mastering Angular Signals: A Practical Guide to Modern Reactivity, Performance, and Migration - `Muhammad Ahsan Ayaz`
      • cypress-angular-commands - A robust, production-ready collection of reusable Cypress custom commands specifically tailored for modern Angular-based enterprise applications and ERP systems.
      • Blog
      • Blog
      • Blog
      • Blog

    • Third Party Components

      • ![CC0
      • carbon-charts - Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library.
      • 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-bootstrap-icons-picker - Just a Bootstrap Icons Picker for Angular.
      • angular-star-rating - Star Rating Angular Component written in TypeScript, based on CSS-only techniques.
      • egjs-infinitegrid - Arrange infinite card elements according to various layout types like masonry for Angular.
      • @angular/google-maps - This component provides a Google Maps Angular component that implements the Google Maps JavaScript API.
      • ng-web-apis/storage - This is a library to use Web Storage API with Angular.
      • sheetjs - SheetJS is a JavaScript library for reading and writing data from spreadsheets.
      • 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.
      • Dev Extreme - Feature-Complete 65+ Angular Component Suite.
      • AgnosUI - Highly configurable headless framework agnostic component library.
      • @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! 🚀
      • ngx-doc-viewer - This component can be used to show several different document types in an Angular app.
      • ngx-filepond - A handy [FilePond](https://github.com/pqina/filepond) adapter component for Angular.
      • gridstack - 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.
      • ngxd - NgComponentOutlet + Data-Binding + Full Lifecycle = NgxComponentOutlet for Angular 7+.
      • ngx-markdoc - [Markdoc](https://markdoc.dev) component for Angular applications.
      • angular-animations - Easy, Reusable Animation Utility library for Angular.
      • angular-shiki-magic-move - Smoothly animated code blocks with [Shiki](https://github.com/shikijs/shiki).
      • angular-calendar-scheduler - A scheduler view component for angular.
      • angular-year-calendar - A powerful and performant Angular year calendar library built with ❤️.
      • ng-slider - A light slider with no external dependencies.
      • keen-slider - The HTML touch slider carousel with the most native feeling you will get.
      • dag - An Angular service for managing directed acyclic graphs.
      • ng-flowchart - 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.
      • angular-fusioncharts - Angular Component for [FusionCharts](https://www.fusioncharts.com) JavaScript Charting Library.
      • luxon-angular - Date pipes for Angular.
      • angular-globalize - Angular pipes for localizing numbers and dates using Globalize.
      • angular-bootstrap-datetimepicker - Native Angular date/time picker component styled by Bootstrap.
      • ngx-daterangepicker-material - Pure Angular date range picker with material design theme.
      • ng-resize-observer
      • ng-in-viewport - Allows us to check if an element is within the browsers visual viewport.
      • ngx-dynamic-hooks - 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.
      • edit-in-place - A flexible and unopinionated edit in place library.
      • ngx-pipes - Useful pipes for Angular with no external dependencies!
      • nglrx/pipes - A library of useful pipes for Angular apps.
      • ng2-dragula - Drag and Drop so simple it hurts!
      • moveable - Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, and Snappable.
      • @ctrl/ngx-codemirror - Codemirror Wrapper for Angular.
      • @instechnologies/ng-rooster - Angular wrapper of roosterjs, a rich text editor.
      • ng-dynamic-forms - Rapid form development library for Angular.
      • reactive-forms - (Angular Reactive) Forms with Benefits.
      • forms-typed - Want types in your forms? Want to have nested forms? This is library can help.
      • ngx-emoji-mart - Customizable Slack-like emoji picker.
      • ngx-colors - Simple yet elegant Material color picker.
      • angular2-multiselect-dropdown - Angular multiselect dropdown component for web applications.
      • ngx-numeric-range-form-field - Angular Material UI numeric range input form field. It is based on control value accessor.
      • ng-multiselect-dropdown - Multiple Select Dropdown Component.
      • ngx-validator - Angular 7+ Validator. Handle validation messages easily and automatically.
      • error-tailor - Making sure your tailor-made error solution is seamless!
      • angular2-fontawesome - Angular2 Components and Directives for FontAwesome.
      • ngx-icon-blur - An Angular component that can be used to create a frosted glass effect for icons.
      • ng-svg-icon-sprite - Angular 16+ package for generating and using inline SVG icons in your project.
      • ngx-bootstrap-icons - This Angular module allows you to use the Bootstrap Icons in your Angular application without additional dependencies.
      • ngx-icon - An Angular component for displaying SVG icons.
Programming Languages
TypeScript 1,354 JavaScript 69 HTML 47 SCSS 20 CSS 9 C# 5 Go 5 Rust 4 Shell 3 Vue 2
Categories
Third Party Components 1,076 Table of contents 432 Development Utilities 303 Learning Resources 128 Angular 117 Architecture and Advanced Topics 96 Angular Pulse 93 Framework Interoperability 91 Site Templates 76 State Management 73 Security and Authentication 71 Testing 62 Underlying Technologies 57 Angular-Inspired Solutions 36 External Lists 4
Sub Categories
Angular 255 Third Party Components 177 Wrappers 91 UI Libraries 72 Free Templates 67 Form Controls 67 Mixed Utilities 65 Internationalization 56 AI 49 Animations 43 HTTP 43 Forms 43 Data Grids 41 Authentication 40 Other State Libraries 39 Google Developer Experts on X 38 Blogs 37 CLI Tools 36 Editors 35 Notifications 33 Scroll 32 Generators and Scaffolding 31 RxJS 30 Charts 30 External Integration 30 Loaders 29 Icons 28 Dates 28 Analytics 27 TypeScript 27 UI Libraries built on Tailwind CSS 25 YouTube Channels 25 Carousels 24 NgRx 23 Form Validation 23 Layout 23 Helpers 22 DOM 22 Directives 22 Official Resources 22 Component 22 Images 21 UI Libraries built on Material 21 Books 19 Training 19 File Upload 19 IDE Extensions 19 Drag and Drop 19 Media 18 Router 18 Feature Flags 18 Accessibility 18 Builders 18 Calendars 17 Community 17 Visual Effects 17 UI Library and Framework Ionic 17 Captcha 17 Deployment 16 Storage 16 Viewers 16 Performance 16 Markdown 15 E2E 15 Styling 15 Updating Angular 15 Modals 14 Maps 14 Code Analysis 14 Angular Team on X 14 Linting 14 Pipes 14 QR Codes 13 Onboarding and Product Tours 12 JSON Forms 12 Runtime 11 Keyboard Mouse 11 NGXS 11 Security Best Practices 11 Role-Based Access Control 10 Documentation Tools 10 Desktop Applications 10 UI Libraries built on Bootstrap 10 Cross-Framework Integration 10 Tooltips 10 Payments 10 Server-Side Rendering 10 Exercises 9 Cheat Sheets 9 Loggers 9 Paid Templates 9 GraphQL 9 Angular Experts on X 9 UI Primitives 9 Debugging 8 Podcasts 8 Module Federation 8 Cookies 8 Certification Programs 7 PDF 7 SEO 7 Newsletters 6 Networking 6 CSV 5 Micro-Frontends 5 Editor Components 4 Layout Components 4 Printing 4 Guides 3 Style Guides 3 Monorepos 3 Editor and IDE Extensions 2 Bluesky 1
Keywords
angular 744 typescript 220 javascript 89 angular2 68 ngx 55 react 52 rxjs 44 library 41 ui 32 angular-components 31 vue 31 material 28 i18n 27 angular-material 26 components 26 angular-library 25 angular-cli 24 ngrx 23 tailwindcss 23 component 21 angular17 20 testing 20 frontend 19 svelte 19 npm 19 nodejs 18 signals 17 admin-dashboard 17 state-management 17 bootstrap 16 ng 16 icons 16 forms 16 jest 15 translation 15 angular5 15 angular4 15 internationalization 15 template 14 svg 14 nextjs 14 angular18 14 charts 13 angular-component 13 css 13 ionic 13 grid 13 angular7 13 material-design 13 redux 12