# angular/angular

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/angular-angular).**

100,360 stars · 27,180 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/angular/angular
- Homepage: https://angular.dev
- awesome-repositories: https://awesome-repositories.com/repository/angular-angular.md

## Topics

`angular` `javascript` `pwa` `typescript` `web` `web-framework` `web-performance`

## Description

Angular is a platform for building web applications using a component-based architecture. It provides a comprehensive suite of tools for managing encapsulated UI units, including hierarchical dependency injection, a declarative template system, and fine-grained reactivity through signals. The framework supports complex application requirements such as client-side routing, form management, and internationalization.

The project includes a command-line interface for scaffolding and build automation, alongside a testing ecosystem for unit and integration verification. It offers multiple rendering strategies, including server-side rendering and static site generation, with support for hydration processes to optimize application delivery. Additionally, the framework features a built-in animation suite and security mechanisms to handle common web vulnerabilities.

## Tags

### Software Engineering & Architecture

- [Zoneless](https://awesome-repositories.com/f/software-engineering-architecture/architectural-design-patterns/state-management/change-detection/zoneless.md) — Executes native change detection to update application state without requiring external monkey-patching. ([source](https://angular.dev/guide/testing/components-scenarios))
- [Signal Based Inputs](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/layering-presentation/application-layer-architectures/state-management-architectures/reactive-composition-patterns/signal-based-inputs.md) — Automates property updates by propagating changes through a reactive data flow. ([source](https://angular.dev/guide/components/inputs))
- [Functional](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/dependency-injection/functional.md) — Facilitates dependency resolution within functional initialization contexts. ([source](https://angular.dev/guide/di/dependency-injection-context))
- [Reactive Context Tracking](https://awesome-repositories.com/f/software-engineering-architecture/architectural-design-patterns/state-management/reactive-subscription-systems/signals-reactivity/reactive-context-tracking.md) — Registers signal reads automatically to establish precise dependency graphs at runtime. ([source](https://angular.dev/guide/incremental-hydration))
- [Resource Status Trackers](https://awesome-repositories.com/f/software-engineering-architecture/architectural-design-patterns/state-management/reactive-subscription-systems/signals-reactivity/resource-status-trackers.md) — Tracks resource loading states, errors, and data availability through reactive properties. ([source](https://angular.dev/guide/routing/rendering-strategies))
- [Component Service Scoping](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/dependency-injection/component-service-scoping.md) — Isolates service instances to specific component sub-trees through a scoped dependency system. ([source](https://angular.dev/guide/di))

### Web Development

- [Form Foundation Primitives](https://awesome-repositories.com/f/web-development/form-handling/form-foundation-primitives.md) — Bundles essential primitives for managing form controls, groups, arrays, and value accessors. ([source](https://angular.dev/ecosystem/rxjs-interop/output-interop))
- [Attribute](https://awesome-repositories.com/f/web-development/frontend-development-tools/frontend-frameworks/directives/attribute.md) — Alters DOM element behavior and appearance using declarative attribute-based instructions. ([source](https://angular.dev/tools/cli))
- [Built-in Attribute](https://awesome-repositories.com/f/web-development/frontend-development-tools/frontend-frameworks/directives/built-in-attribute.md) — Standardizes property binding through built-in directives for common DOM interactions. ([source](https://angular.dev/guide/directives))
- [Server Routing](https://awesome-repositories.com/f/web-development/rendering-templating/server-side-rendering-utilities/server-routing.md) — Defines rendering modes for individual routes to support flexible server-side delivery. ([source](https://angular.dev/guide/hydration))
- [Location Strategies](https://awesome-repositories.com/f/web-development/routing-systems/routing/location-strategies.md) — Configures URL navigation strategies, including both path-based and hash-based formats. ([source](https://angular.dev/guide/routing/common-router-tasks))
- [Named Router Outlets](https://awesome-repositories.com/f/web-development/routing-systems/routing/named-router-outlets.md) — Enables simultaneous display of multiple independent content areas via named routing outlets. ([source](https://angular.dev/guide/performance))
- [Error Handlers](https://awesome-repositories.com/f/web-development/backend-development/request-response-handling/error-handlers.md) — Coordinates structured error management and automatic retry logic for backend requests. ([source](https://angular.dev/guide/http/setup))
- [Custom Element Transformations](https://awesome-repositories.com/f/web-development/frontend-development-tools/frontend-frameworks/component-authoring/web-components/custom-element-transformations.md) — Transforms encapsulated components into standard custom elements that bootstrap upon insertion into the document. ([source](https://angular.dev/overview))
- [Localization Services](https://awesome-repositories.com/f/web-development/internationalization-localization/translation-management-platforms/localization-services.md) — Manages localized text and translation workflows to support multi-locale application delivery. ([source](https://angular.dev/guide/directives/attribute-directives))

### Networking & Communication

- [Client Services](https://awesome-repositories.com/f/networking-communication/http-clients/client-services.md) — Exposes a robust network client supporting typed responses and request interception. ([source](https://angular.dev/guide/forms/reactive-forms))
- [Dependency Injection Providers](https://awesome-repositories.com/f/networking-communication/http-clients/dependency-injection-providers.md) — Injects network client instances throughout the application using a centralized provider system. ([source](https://angular.dev/guide/forms/template-driven-forms))

### Programming Languages & Runtimes

- [Event Bindings](https://awesome-repositories.com/f/programming-languages-runtimes/programming-utilities/data-text-processing/template-engines/event-bindings.md) — Connects template expressions directly to native DOM events via a declarative syntax. ([source](https://angular.dev/guide/templates/event-listeners))

### User Interface & Experience

- [Component Architectures](https://awesome-repositories.com/f/user-interface-experience/component-architectures.md) — Structures user interfaces into hierarchical trees of encapsulated, reusable components. ([source](https://angular.dev/guide/components))
- [Control Flow Directives](https://awesome-repositories.com/f/user-interface-experience/layout-utilities/presentation-engines/template-engines/control-flow-directives.md) — Handles conditional rendering and collection iteration with optimized tracking expressions. ([source](https://angular.dev/guide/templates/defer))
- [Component Lifecycle Hooks](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/lifecycle-state-management/component-lifecycle-management/component-lifecycle-hooks.md) — Triggers custom logic at defined stages throughout a component's operational lifecycle. ([source](https://angular.dev/guide/components/lifecycle))
- [Dynamic Form Generation](https://awesome-repositories.com/f/user-interface-experience/forms/dynamic-form-generation.md) — Generates forms dynamically by mapping data models to reactive form directives. ([source](https://angular.dev/guide/forms))

### DevOps & Infrastructure

- [High-Performance](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-tooling/high-performance.md) — Streamlines build pipelines to achieve high-performance compilation for large-scale projects. ([source](https://angular.dev/guide/testing/pipes))

### Part of an Awesome List

- [Web Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/web-frameworks.md) — Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScript and other languages.

### Graphics & Multimedia

- [Client Side Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/systems/dom-web-rendering-strategies/client-side-rendering.md) — Renders dynamic content and updates the interface entirely within the browser environment. ([source](https://angular.dev/guide/routing/navigate-to-routes))

### Security & Cryptography

- [Security Sanitization](https://awesome-repositories.com/f/security-cryptography/security/application-and-web/web-application/security-sanitization.md) — Neutralizes potentially malicious data within user input to block common web vulnerabilities automatically. ([source](https://angular.dev/guide/directives/structural-directives))

### Testing & Quality Assurance

- [Dependency Mocking](https://awesome-repositories.com/f/testing-quality-assurance/software-testing/dependency-mocking.md) — Substitutes real dependencies with controlled test doubles during the development cycle. ([source](https://angular.dev/guide/testing/components-scenarios))
- [Routing Component Testing](https://awesome-repositories.com/f/testing-quality-assurance/software-testing/e2e-integration-testing/routing-testing/routing-component-testing.md) — Simulates navigation and verifies component states by configuring a router within test environments. ([source](https://angular.dev/guide/testing/pipes))
- [Asynchronous](https://awesome-repositories.com/f/testing-quality-assurance/api-network-testing/service-testing/asynchronous.md) — Verifies asynchronous operations by mocking service calls and stubbing network interactions. ([source](https://angular.dev/guide/testing))
- [Directive Testing Utilities](https://awesome-repositories.com/f/testing-quality-assurance/general-testing-utilities/test-utilities-assertions/browser-ui-interaction/component-interaction-testing/directive-testing-utilities.md) — Validates directive behavior by inspecting property changes on host elements. ([source](https://angular.dev/guide/testing/components-scenarios))
- [Change Detection Testing](https://awesome-repositories.com/f/testing-quality-assurance/software-testing/testing-frameworks/test-frameworks/browser-and-ui-testing/change-detection-testing.md) — Synchronizes application state during testing by manually triggering change detection cycles. ([source](https://angular.dev/guide/testing))

### System Administration & Monitoring

- [Reactive HTTP Resource Fetching](https://awesome-repositories.com/f/system-administration-monitoring/administrative-operations/remote-access-interface-tools/administrative-interfaces/management-interfaces/resource-management/reactive-http-resource-fetching.md) — Wraps network requests to expose data and status updates as reactive signals. ([source](https://angular.dev/guide/ssr))

### Development Tools & Productivity

- [Build Extension Architectures](https://awesome-repositories.com/f/development-tools-productivity/workflow-automation-tools/build-task-automation/build-extension-architectures.md) — Integrates custom build tasks and compilation steps into the standard development pipeline. ([source](https://angular.dev/guide/di/hierarchical-dependency-injection))

### Education & Learning Resources

- [CSS Animations](https://awesome-repositories.com/f/education-learning-resources/educational-resources/languages-and-programming-concepts/software-engineering-languages/web-programming-and-internet-technologies/css-animations.md) — Applies reusable animation sequences via keyframe definitions and style classes. ([source](https://angular.dev/guide/animations))