awesome-angular
:page_facing_up: A curated list of awesome Angular resources
https://github.com/PatrickJS/awesome-angular
Last synced: 4 days ago
JSON representation
-
Third Party Components
-
UI Primitives
- 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.
- frame-ui - A customizable Angular component library built around modern primitives.
-
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.
-
Programming Languages
Categories
Third Party Components
1,086
Table of contents
432
Development Utilities
303
Angular
116
Learning Resources
103
Architecture and Advanced Topics
95
Angular Pulse
92
Framework Interoperability
88
Site Templates
77
State Management
74
Security and Authentication
72
Testing
63
Underlying Technologies
57
Angular-Inspired Solutions
36
External Lists
4
Sub Categories
Angular
255
Third Party Components
177
Wrappers
91
UI Libraries
72
Form Controls
69
Free Templates
68
Mixed Utilities
66
Internationalization
57
AI
50
Animations
43
HTTP
43
Forms
43
Data Grids
40
Other State Libraries
40
Authentication
40
Google Developer Experts on X
38
Blogs
37
CLI Tools
36
Editors
35
Notifications
34
Scroll
32
Loaders
31
RxJS
30
Charts
30
Generators and Scaffolding
29
Dates
29
Icons
28
Analytics
28
TypeScript
27
External Integration
27
UI Libraries built on Tailwind CSS
25
Carousels
25
Layout
23
Helpers
23
Form Validation
23
NgRx
23
Directives
22
Official Resources
22
DOM
22
Component
22
Images
21
UI Libraries built on Material
20
IDE Extensions
19
Media
19
Drag and Drop
19
File Upload
19
Training
18
Builders
18
Router
18
Calendars
17
Feature Flags
17
Visual Effects
17
UI Library and Framework Ionic
17
Community
17
Captcha
17
Books
16
Viewers
16
Storage
16
Deployment
16
Markdown
16
Performance
16
Accessibility
16
Linting
15
Styling
15
Updating Angular
15
E2E
15
Modals
15
Code Analysis
14
Maps
14
Pipes
14
Angular Team on X
13
QR Codes
13
Security Best Practices
12
Onboarding and Product Tours
12
JSON Forms
12
Runtime
11
NGXS
11
Keyboard Mouse
11
Cross-Framework Integration
10
UI Primitives
10
UI Libraries built on Bootstrap
10
Tooltips
10
Payments
10
Angular Experts on X
10
Role-Based Access Control
10
Documentation Tools
10
Server-Side Rendering
10
Exercises
9
Cheat Sheets
9
Desktop Applications
9
GraphQL
9
Paid Templates
9
Loggers
9
Debugging
9
Module Federation
8
Cookies
8
Certification Programs
7
Podcasts
7
PDF
7
SEO
6
Networking
6
Newsletters
6
CSV
5
Micro-Frontends
5
YouTube Channels
4
Layout Components
4
Editor Components
4
Printing
4
Style Guides
3
Monorepos
3
Guides
3
Editor and IDE Extensions
2
Bluesky
1
Keywords
angular
748
typescript
223
javascript
90
angular2
69
ngx
56
react
52
rxjs
44
library
41
ui
33
vue
31
angular-components
31
material
28
i18n
28
components
27
angular-material
26
angular-library
26
angular-cli
24
tailwindcss
23
ngrx
23
component
21
angular17
20
testing
20
nodejs
19
frontend
19
svelte
19
npm
19
admin-dashboard
17
signals
17
forms
17
state-management
17
icons
16
translation
16
ng
16
bootstrap
16
internationalization
15
angular5
15
angular-component
15
jest
15
angular4
15
angular18
14
template
14
nextjs
14
svg
14
material-design
13
ionic
13
charts
13
angular7
13
css
13
grid
13
cli
13