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: 10 days ago
JSON representation

  • Third Party Components

    • UI Library and Framework 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.
      • ionic-angular-collect-icons - Library to group ionIcons and auto‑generate export files, simplifying addIcons() management in small projects.
      • Official GitHub repository
      • awesome-cordova-plugins - Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support.
      • ionic-angular-library - A collection of components and services that are useful for developing Ionic Angular applications.
      • IDEA-Ionic8-extra - [IDEA's](https://www.iter-idea.com/) extra components and services built on Ionic 8, and distributed with different NPM packages.
      • ionic-component-snippets - Repository of unofficial Ionic demos and libraries that can still benefit developers and their apps.
      • ionic-header-parallax - This directive enables a parallax effect on `ion-header` elements to display a cover photo while on top of the page and transition to the normal toolbar when scrolling down.
      • ionic-state - Provides utilities for working with state in Ionic applications.
      • Official website
      • simplici-auth-angular-ionic - Powerful Angular library for seamless social auth in Ionic/Angular apps, supporting major providers with web/mobile compatibility via Capacitor or Cordova.
      • ionx-search-select - Modern Angular/Ionic search & select with standalone components, signals, and full `ControlValueAccessor` support.
      • ionic-insta-api-wrapper - Lightweight Ionic/Cordova library for fetching Instagram content (Stories, Reels, posts, profiles) with login and cookie support.
      • ionic-adv-tooltip - Media rich tooltips and popovers for Ionic Angular that render templates, images, videos, or live previews on any host.
    • UI Primitives

      • ng-primitives - A low-level UI component library with a focus on accessibility, customization, and developer experience.
      • primitives - Angular port of [Radix UI](https://www.radix-ui.com/) Primitives. Accessible. Customizable.
      • ngbase - Lightweight Angular UI primitives with unstyled directives and components, customizable for any design system.
      • vacui-ui - A headless Angular library of utility-first, primitives, low-level directives as foundational elements.
      • ngx-headless - A collection of standalone, accessible Angular primitives inspired by [Headless UI](https://headlessui.com) & [FormKit](https://formkit.com).
      • Clean Architecture Frontend - Domain-agnostic primitives for building frontend applications with Clean Architecture. Works with React, Vue, Angular, or any future framework.
      • @luminacn/ui - Signal-first, headless UI primitives for Angular.
      • Bloc UI - Lightweight, accessible Angular components with zero design opinions. Use your own styles or the optional theme package.
      • angular-primitives - Signal-first Angular primitives for building scalable, accessible UI systems.
    • Viewers

      • ng2-pdf-viewer - PDF viewer component.
      • ngx-diff - Angular component library for displaying diffs of text.
      • ngx-treeview2 - An Angular treeview component with checkbox.
      • ngx-imageviewer - Generate a image/pdf viewer using canvas.
      • ngx-json-schema-viewer - JSON Schema Viewer in Angular.
      • ngx-gist - An Angular Material and highlightjs styled display box for GitHub gist and local code snippets.
      • ngx-json-treeview - A collapsible JSON tree view for Angular.
      • ngx-voyage - File Explorer for Angular and PrimeNG.
      • ngx-json-diff-viewer - Angular component for visually displaying the differences between two JSON objects.
      • file-viewer - A powerful, universal file previewer library for Angular applications with support for PDF, images, documents, spreadsheets, and more.
      • json-diff - An Angular-powered tool to quickly compare two JSON objects and highlight their differences!
      • ngx-serial-console - Angular component and service to monitor output from a serial device.
      • ngx-profile-comparison - A high-quality, production-ready Angular component library that visually compares two user profiles by highlighting their similarities and differences.
      • ngx-universal-viewer - An Angular component for viewing PDFs, Word, Excel, and PowerPoint files in continuous scroll or page-by-page modes.
      • ngx-omniview - An all-in-one content viewer for Angular that seamlessly displays raw string inputs as Plain Text, HTML, Markdown, LaTeX, MathJax, JSON, and more—using just a single component.
      • ngx-file-peek - An Angular standalone component library that renders real file content as thumbnails from any URL or storage source.
    • Visual Effects

      • ngx-countdown - Simple, easy and performant countdown.
      • angular-tag-cloud-module - With this module, you can generate word clouds / tag clouds.
      • ngx-parallax-stars - Angular library to create beautiful stars with parallax effect.
      • ngx-font-picker - Google fonts font picker widget for Angular.
      • ngx-gauge - A highly customizable Gauge component for Angular apps and dashboards.
      • ngx-neon-underline - An Angular library that provides a glowing neon underline effect for your components.
      • ngx-lamp - A simple component library to create a lamp.
      • ngx-globe - A simple component library to create a container with an animated globe.
      • ng-whiteboard - Lightweight Angular whiteboard component.
      • ngx-gooey - The gooey effect for Angular, used for shape blobbing / metaballs.
      • ngx-color-scheme - Add dark mode to your Angular applications with ease.
      • @DerStimmler/ngx-analog-clock - Customizable analog clock for your Angular app.
      • ngx-waterbox - An isometric water box component.
      • angular-game-of-life - Background component playing Conway's Game of Life for Angular 19+.
      • @craftedcode-dev/ngx-analog-clock - Analog clock component for Angular applications with timezone support, custom themes, and extensive styling options.
      • ng-snowfall - An interactive Angular snowfall component where snowflakes respond to mouse movement to create a realistic wind effect.
      • levita - Lightweight 3D tilt & parallax with accelerometer support.
  • Underlying Technologies

    • RxJS

      • rx-computed - The async RxJS-based version of signals' `computed()`.
      • Official website - Reactive Extensions Library for JavaScript.
      • operators - This package regroups a couple of RxJS operators meant to simplify some common patterns.
      • learn-rxjs - Clear examples, explanations, and resources for RxJS.
      • rxjs-course - RxJS course from Angular University.
      • redux-observable - RxJS middleware for action side effects in Redux using "Epics".
      • rxjs-challenge - A set of little RxJS puzzles to practice your Observable skills.
      • until-destroy - RxJS operator that unsubscribe from observables on destroy.
      • effects - A framework-agnostic RxJS effects implementation.
      • ngx-observable-lifecycle - Library for observing the lifecycle of an (Ivy compiled) Angular component.
      • ngx-operators - RxJS operators for Angular.
      • subscribable-things - A collection of reactive wrappers for various browser APIs.
      • ngx-rxjs-zone-scheduler - A library for Angular providing RxJS schedulers to run some kind of work inside or outside of `NgZone`.
      • rxjs-broker - An RxJS message broker for WebRTC DataChannels and WebSockets.
      • observable-webworker - Simplified API for working with Web Workers with RxJS.
      • ng-event-bus - RxJS-based message bus service for Angular.
      • rxjs-typewriter - Lightweight NPM library for typewriter effects using RxJS for smooth, customizable animations.
      • ngx-safe-subscribe - Easy way to automatically unsubscribe from RxJS observables in Angular components.
      • rxjs-collection - RxJS enhanced Array, Map, WeakMap, Set, and WeakSet.
      • ng-rxjs-safe-subscribe - Implementation of Angular's repeatable OnDestroy pattern.
      • @mrOranger/RxJs - Theory with examples about the Reactive Programming paradigm, using the library RxJS.
      • rxvisualizer - RxJS Marble Diagram Visualizer from `Angular Space`.
      • eslint-plugin-rxjs-x - Fork of [eslint-plugin-rxjs](https://github.com/cartant/eslint-plugin-rxjs) adding ESLint flat config support with breaking changes and improvements.
      • rxjs-common - A collection of useful RxJS operators.
      • fork-join-settled - RxJS library which is analog of [Promise.allSettled()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled) method.
      • rxjs-conduit - RxJS ReplaySubjects with with additional features to make reactive programming easier.
      • ngx-device-permission - Angular library for handling device permissions (camera, microphone, geolocation, etc.) in a reactive way using RxJS.
      • subsiphon - Lightweight utility for managing multiple RxJS subscriptions with indexed/named keys and simple cleanup methods.
      • reactive-event-source - Lightweight RxJS-based EventSource wrapper with auto-reconnect, leak prevention, and reactive state management.
      • web-serial-rxjs - A TypeScript library that provides a reactive RxJS-based wrapper for the Web Serial API, enabling easy serial port communication in web applications.
    • TypeScript

      • Official website
      • Official TypeScript REPL
      • Official GitHub repository
      • DefinitelyTyped GitHub repository - The repository for high quality TypeScript type definitions.
      • typehero - Connect, collaborate, and grow with a community of TypeScript developers.
      • type-challenges - Collection of TypeScript type challenges with online judge.
      • Sheriff - Lightweight Modularity for TypeScript Projects.
      • Total TypeScript Book - The companion repository for the upcoming Total TypeScript book.
      • ts-essentials - All essential TypeScript types in one place.
      • trpc - Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
      • quicktype - Generate types and converters from JSON, Schema, and GraphQL.
      • ts-pattern - The exhaustive Pattern Matching library for TypeScript, with smart type inference.
      • ngx-mf - Bind your model types to Angular FormGroup type.
      • superstruct - A simple and composable way to validate data in JavaScript (and TypeScript).
      • typebox - JSON Schema Type Builder with Static Type Resolution for TypeScript.
      • zod - TypeScript-first schema validation with static type inference.
      • ngx-exhaustive-check - Angular utility for ensuring exhaustive checks on TypeScript discriminated unions, enhancing type safety and reliability.
      • mutates - Powerful TypeScript AST mutation toolset, forked from `ng-morph`, enabling extensive project-wide transformations beyond Angular.
      • type-fest - A collection of essential TypeScript types. Either add the package as a dependency or copy-paste the needed types.
      • ts-serializer - Serialize your models into strongly typed TypeScript classes.
      • tsconfig - SmartRecruiters' tsconfig contains all strict rules and improves your project type-safety.
      • transform.tools - Save a lot of time typing API responses with this JSON to TypeScript converter.
      • typebuddy - Finally make sense of your complex types.
      • guardz - Lightweight, zero-dependency TypeScript type guards for runtime validation with structured error handling.
      • typescript-book - A concise guide to effective development in TypeScript.
      • typescript-challenges - A set of challenges helping you understand TypeScript.
      • valibot - The modular and type safe schema library for validating structural data.
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