awesome-angular

hashtag on X

showcase

on AngularBuddies

angular-logos

Repo is dedicated to collecting all the different kinds of Angular badges and logos

made with angular

A showcase of web apps built with Angular

Discover apps of all sizes, including Open Source and Indie developer projects

Polish community for Angular fans

angular hub

Curated list of Angular events and communities

Your Hub for Learning and Growing as an Angular Developer

angular-memes

A collection of Angular memes

ngx.tools

Discover Angular packages, libraries and schematics with this

Angular Usage Statistics

(Spanish)

Official Angular blog

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

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

Learn and Keep Up with the Angular Ecosystem

Blog articles written with love, just for you!

Shares the newest and most important updates about Angular, along with useful tips and tricks

(Polish) Excellent up-to-date resource for Angular

Your best option to find the largest variety of up-to-date programming books

Various Free and Paid Angular ebooks

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

Buy a Manning pBook anywhere, get the eBook free here

-

-

-

Angular Design Patterns and Best Practices

-

-

Available separately or included with a subscription

-

-

Angular Book

-

-

-

-

-

Obtain your Certification of Competence as an Angular Developer

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

Angular (Basic) Skills Certification Test

Angular Certification Course Online

Various courses cover Angular separately or full-stack

Angular Certification Training Course

Angular Certification Program

Note: official docs do not have a cheatsheet

A free and practical way to learn Angular, React & Vue all at once

Ingredients & Recipes for Cooking Delicious Apps

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

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

Interactive lessons covering a range of operators in RxJS

angular-debugging-challenge

This repository hosts an Angular-based project designed as a coding and debugging exercise

angular-api-challenge

This repository hosts an Angular-based project designed as a api integration exercise

angular-exercises

Exercises on various Angular topics, including solutions and solution videos

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

The Angular Coach You Need

Learn And Keep Up With The Angular Ecosystem

Everything you need to become an Angular expert

World-class instructor-led live online Angular courses!

Angular Training by Expert Brecht Billiet!

Workshops are available for Cypress, NgRx, RxJS, AG Grid and web performance

The only course you will need for Angular Material 3 Theming

Angular Training by Expert Brecht Billiet!

Workshops are available for Cypress, NgRx, RxJS, AG Grid and web performance

(Japanese)

(Japanese)

Accessibility for teams guide from USA government

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

Web accessibility in mind

WAVE Web Accessibility Evaluation Tools

Accessibility linting for HTML, Angular, React, Markdown, Vue, and React Native

The a11y package provides a number of tools to improve accessibility

PrimeNG accessibility guide

astral-accessibility

An open-source accessibility widget written in Angular

angular-vlibras

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

a11y-accessibility-first

An Angular template compliant with WCAG 2.2, incorporating an accessibility component to enhance overall accessibility in your project

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

Convert Designs to Clean Angular Code in a Click

AI Angular Code Generator

ai-test-gen-angular

A powerful tool that leverages OpenAI's advanced capabilities to automate the generation of unit tests for your Angular components and services

Angular Ninja - Angular Development Assistant

#1 AI aggregator. Updated daily. Used by 20M+

Angular copilot

mini-bard-palm2-angular

Result from this on how to integrate Google Gemini with Angular

gemini-angular-drawing-demo

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

Build a voice agent for an Angular app

Integrate OpenAI into an Angular app

ng-text-to-image

Build an AI Image Generator in Angular 17 Using the Clipdrop API || AI Text to Image Generator

ng-generative-ai-demo

Result from this

AI Tools Built With Angular

angular-webxr-art-sample

A WebXR Gallery that creates Generative AI images using and creates captioning using

Translate Angular app with AI

deep-chat

Fully customizable AI chatbot component for your website

abbi-ng-ai-image-descriptor

Angular web app for AI-generated image descriptions. You need an OpenAI API key to use the tool

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

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

is an Angular module that allows you to embed a Tableau report in an Angular webapp

ngx-google-analytics

A simple Google analytics integration for Angular apps

ng2-adsense

Angular Adsense Component

ngx-matomo-client

Matomo analytics client for Angular applications

angulartics2

Vendor-agnostic analytics for Angular2 applications

angular-google-tag-manager

A service library for integrate google tag manager in your angular project

litlyx

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!

plausible

Simple, open source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics. Works without any extra configuration on

@blue-cardinal/ngx-google-analytics

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

An analytics library that makes collecting data in an Angular app simple

ngx-clarity

A useful Angular library that automatically injects the script tag required to use

ngx-piwik-pro

Dedicated library that helps with implementing Piwik PRO Tag Manager and the Piwik PRO tracking client in Angular 8+ applications

casl-angular

Module which integrates isomorphic permissions management library with Angular2+

ngx-auth-firebaseui

Angular Material UI component for Firebase authentication

ngx-permissions

Permission and roles based access control for your angular applications(AOT, lazy modules compatible)

angular-auth-oidc-client

NPM package for OpenID Connect, OAuth Code Flow with PKCE, Refresh tokens, and Implicit Flow

angular-oauth2-oidc

Support for OAuth 2 and OpenId Connect (OIDC) in Angular

angularx-social-login

Social login and authentication module for Angular 17

ms-identity-javascript-angular-tutorial

A chapterwise tutorial that will take you through the fundamentals of modern authentication with Microsoft identity platform using MSAL Angular

angular2-jwt

Helper library for handling JWTs in Angular apps

keycloak-angular

Easy Keycloak setup for Angular applications

auth0-angular

Auth0 SDK for Angular Single Page Applications

ng-universal

Angular Universal module for Nest framework (Node.js)

angularfire

Angular + Firebase

Build a User Management App with Angular

The Fingerprint Angular SDK is an easy way to integrate Fingerprint into your Angular application

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

cryptr-angular

Codeless Auth platform for business

angular-authentication

An Angular application that demonstrates best practices for user authentication & authorization flows

ngx-security

Security directives for your Angular application to show/hide elements based on a user roles / permissions

ngx-clerk

An unofficial project that aims to provide a seamless integration of features into Angular applications

ng-supabase

An Angular component library for your project!

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

appwrite

Using Appwrite, you can easily integrate your 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

An authorization-as-a-service solution that can be used with

ngxfire

Zoneless AngularFire replacement

Angular Builders

This repo consolidates all the community builders (ES Build, Webpack, Jest, Bazel, and Timestamp) for the Angular build facade

Jest Builder

Jest builder for Angular build facade

Bazel

Provides an Angular CLI Builder, which can execute Bazel when triggered by ng build, ng test, etc

Timestamp

This is explained in this

ngx-build-plus

Extend the Angular CLI's default build behavior without ejecting, e. g. for Angular Elements

ng-process-env

Angular schematics and builder to retrieve values from System Environment (OS) variables and update relevant file

ngx-electronify

Angular CLI builder that runs your application in the desktop using Electron

dotenv-run

Seamlessly load environment variables. Supports cli, esbuild, rollup, vite, webpack, angular, ESM and Monorepos

ng-packagr

Compile and package Angular libraries in Angular Package Format (APF)

angular-env-builder

Builder to generate file based on your environment variables

ng-rspack-build

plugin and loaders to build Angular applications

ngx-devkit-builders

This package contains Architect builders used to build and test Angular applications and libraries

ng-cli-hooks

Hooks for the Angular CLI to customize the build

angular-cli-diff

Easily upgrade your Angular CLI applications from one version to another 🚀

mantis-cli

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

angular-serve-and-run

Serve your Angular CLI project then run a command on top of it

ngx-starter

An based starter containing common components and services as well as a reference site

ngx-stylesweep

A CLI tool that removes empty style files from your Angular components

ng-chrome-extension

Easily create Angular Chrome Extensions (manifest v3)

ngx-devs-cli

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

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

angular-cli-ghpages

SSR does not work, and there can be some caveats, but you can host your Angular project on GitHub Pages

ngx-aws-deploy

Deploy your Angular app to Amazon S3 directly from the Angular CLI

analog-publish-gh-pages

A Github Action for the Deployment of an App on Github Pages

Genezio

The easiest way to write and host a serverless application

Zerops makes deploying and running Analog apps, both and , a breeze

Instant Dev Environments

Dev sandbox with AI from StackBlitz

An online IDE and prototyping tool for rapid Angular development

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

A cloud service to collect logs and Angular errors in Real-Time

Angular DevTools is a browser extension that provides debugging and profiling capabilities for Angular applications

VS Code NG Language Service

This extension provides a rich editing experience for Angular templates

A VS Code extention that will generate and maintain seeds for your unit tests

Redux DevTools

Can be used in combination with @ngrx/store-devtools to inspect the state of your NgRx app

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

Ultimate code generation in Visual Studio Code

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

VS Code Angular Snippets

This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML

This extension pack packages some of the most popular VS Code Angular extensions

Generate Jest spec files for Angular projects

Spend less time looking up command line arguments and more time shipping incredible products

Syntax highlighting for angular HTML Template files

angular-scaffold

Scaffold an Angular project with all tooling you need for production projects

vscode-angulartools

You can explore an Angular project, enhance documentation, reverse engineer code, and do refactoring with

ngx-schematics-utilities

Useful utilities for Angular Schematics

angular-library-template

A template for creating Angular libraries

detective

Detective leverages forensic code analysis at the architectural level to uncover hidden patterns in your codebase

Storybook

The UI development environment you'll love to use

Compodoc

The missing documentation tool for your Angular application

ng-doc

The documentation engine for Angular projects

docgeni

A modern, powerful and out of the box documentation generator for Angular components lib and markdown docs

trakk.js

Automatic Documentation Generation / Real-Time Code Execution Flow / Testing / Debugging / Onboarding for Front-End Applications

goxygen

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

abp

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 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

teleport-code-generators

A collection of code generators for modern JavaScript applications

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

AI Angular code generator that supports all Angular frameworks and libraries

generator-jhipster-ionic

You can use it to generate an Ionic app that talks to a JHipster backend

create-tauri-app

Rapidly scaffold out a new Tauri app project

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

Generate Spring Boot apps with custom database, Angular frontend and CRUD functionality

Open source app generator for Spring Boot and Angular

apollo-angular

A fully-featured, production ready caching GraphQL client for Angular and every GraphQL server

buoy

A GraphQL client for Angular built on top of Apollo

graphql-code-generator

A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins

hasura

Real world GraphQL tutorials for frontend developers with deadlines!

This comprehensive guide dives into five powerful approaches for integrating GraphQL into your Angular applications

apollo-orbit

A fully-featured GraphQL client for Angular with modular state management

angular2-jwt

Library for sending authenticated HTTP requests and decoding JWTs

ngx-jwt

Angular library for injecting JWT tokens to HTTP requests

ng-http-caching

Cache for HTTP requests in Angular application

cashew

A flexible and straightforward library that caches HTTP requests in Angular

convoyr

Modular HTTP extensions for Angular

angular-http-cache-interceptor

Angular HTTP cache interceptor

ngx-generic-rest-service

Wrapper for Angular services

@ngify/http

A reactive HTTP client in the form of , offers the following major features: typed response objects, streamlined error handling, request and response interception

ngx-http-annotations

Updated fork of , which allows you to interact with rest api in your Angular app through annotations

ng-http-loader

Smart Angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar

ngx-signalify

A small library to convert RxJs Observables into Angular Signals

angular-odata

A fluent API for querying, creating, updating and deleting OData resources in Angular

ngx-http-retry

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

ng-memento

Makes your application faster by preventing the same HTTP requests from being called again in your Angular project

ngx-suspense-of

Angular directive that adds suspense to your app

ngx-http-request-state

An Angular library for wrapping HttpClient responses with loading & error information

ckeditor5-angular

An official CKEditor 5 rich text editor component for Angular 2+

ckeditor4-angular

An official CKEditor 4 rich text editor component for Angular 2+

Integrate Angular app with Tailwind

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

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

Integrate GoodData Visualizations into your Angular application

With the Datadog Angular integration, you can resolve performance issues quickly

Real User Monitoring JavaScript agent with Angular applications

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 is a JavaScript library for real-time, multi-format barcode scanning directly in the web browser

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

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

angular-sdk

Angular library used to integrate with Descope

angular-electron

Ultra-fast bootstrapping with Angular and Electron

Postcat

A lightweight, extensible API tool based on Angular and Electron

angulardart-community

The next-generation AngularDart documentation website

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

Leverage Bit to build composable software

google-pay-button

Google Pay button - React, Angular, and custom element

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

ngx-disqus

Disqus for Angular

ngx-papaparse

wrapper

renovate-config-angular

Angular shareable config for

ngx-grapesjs

Angular wrapper library for

gojs-angular

A set of Angular components to manage Diagrams, Palettes, and Overviews

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

angular-tauri

Ultra-fast bootstrapping with Angular and Tauri

ngx-three

Use with your Angular project in a declarative way

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 JS SDK

ngx-stripe

A comprehensive library designed for seamless integration of and payment processing capabilities into Angular applications. Leveraging the powerful features of , Ngx Stripe simplifies building robust, secure, and scalable payment solutions

ngx-socket-io

module for Angular

angular-three

Angular Renderer for

limitless-angular

A collection of powerful Angular libraries designed to enhance the Angular ecosystem and help developers build better applications with a focus on integration

ngx-sentry

Angular wrapper for

ngx-fabric-wrapper

Angular wrapper library for

ngx-three-globe

An Angular library that provides an interactive, 3D globe visualization built using

vike-angular

Angular integration for , a fast Vite-based frontend framework

stream-chat-angular

Angular Chat SDK ➜ Stream Chat. Build a chat app with ease

gong

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

adyen-angular-online-payments

Accept payments on your Angular/Express-based website with cards, wallets, and key local payment methods

ngx-culqi

UNOFFICIAL payment gateway library made to use with Angular. You can use the library like this

ngx-tagify

Angular library that wraps

ngx-xapi

Lightweight Angular wrapper for

ngx-notion-cms

Render your Notion content through your Angular application as a CMS

angular-rsocket

This service allows you to easily connect to an server, handle streams and messages, and manage authentication tokens flexibly via a token provider

ngx-pendo

A simple wrapper to load Pendo in Angular

ngx-surreal

Lightweight Angular wrapper for the JavaScript SDK

ngx-filesize

Angular wrapper for

ngx-intercom-messenger

Angular 18+ Wrapper for

ngx-katex

A simple Angular wrapper for

ngx-wagmi

An essential toolkit to connect your Angular app to the blockchain, bringing powerful wallet and contract interactions to your fingertips

transloco

🚀 😍 The internationalization (i18n) library for Angular

transloco-keys-manager

Tools to help reduce monotonous work

ngx-tolgee

Web-based localization tool enabling users to translate directly in the Angular app they develop

localess

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

A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects

angular-l10n

Angular library to translate texts, dates and numbers

I18N

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

ng-extract-i18n-merge

Extract and merge i18n xliff translation files for angular 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-translate

The internationalization (i18n) library for Angular

ngx-translate-module-loader

Highly configurable and flexible translations loader for

ngx-translate-multi-http-loader

A loader for ngx-translate that loads translations with http calls

angular-ecmascript-intl

Contains pipes to transform internationalization data using Intl.* browser APIs

i18n-ally

All in one i18n extension for VS Code

ngx-translate-router

Translate routes using

intl-tel-input-ng

An Angular component to easily integrate

ng-intl

Type-safe, reactive Angular i18n library. Lazy-loaded translations, signal-based reactivity, full TypeScript support. Efficient, flexible, and scalable internationalization for Angular projects

ngx-easy-i18n-js

The easy internationalization (i18n) library for Angular

ngx-translate-routes

This service translates titles and route paths

ngx-translate-lint

Simple CLI tools for check keys

translate

Translation library for Angular and Ionic applications

ngx-merge-json-translations

This builder helps merge the 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

Tool for extracting translations from Angular app using regex

ngx-translate-version

Angular module that provides version to your language files

ngx-signal-translate

A signal-driven translation service

Nx

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

Turbo

Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turbopack and Turborepo

A build system and monorepo management tool for the web ecosystem, written in Rust

Best Practices

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

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

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

Guided interactive tutorials for Code Security and analysis are available

Angular Security Checklist

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! 🚀

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

Update SEO title and meta tags easily in Angular apps

seo-analyzer

The library for analyze a HTML file to show all of the SEO defects

ngx-seo

Kwerri OSS: samvloeberghs.be + ngx-seo

angular-react-seo

Angular 17 & React 18 Examples SEO (Search engine optimization)

Documentation for the new SSR package built into the framework

angular-prerender

A command line tool to prerender Angular Apps

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

ngx-ssr-code-remover

Post processor to remove SSR Code from bundles when served

treaty

The meta framework for Angular. An alternative to Analog

analog-stuff

Extra stuff for AnalogJS including

ngx-trpc

Angular tRPC client with SSR, RxJS, Signals and Subscriptions Support

ngx-admin

Customizable admin dashboard template based on Angular 10+

ng-matero

Angular Material admin dashboard template

coreui-free-angular-admin-template

CoreUI Angular is free Angular 17 admin template based on Bootstrap 5

sakai-ng

Free Angular Admin Template by PrimeNG

angular-template-for-threejs

Angular Template For Three.js

lemon-mart

Angular Template App with a Router-first architecture

devextreme-angular-template

Responsive Application Layout Templates​ based on DevExtreme Angular Components

QuickApp

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

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

xtreme-admin-angular-lite

Xtreme is the most powerful & comprehensive free Angular admin template based on Bootstrap Angular

spike-angular-free

Spike is the most powerful & comprehensive free Angular admin template based on Material Angular

Flexy-admin-angular-lite

Flexy is the Most Powerful & Comprehensive free Angular admin template based on Material 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-V17-Template

A template designed for Angular 17 that emphasizes clean code practices and test-friendly development

angular-quickstart

A bare-bones Angular template to get you deployed to Netlify fast!

sap-fiori-templates

SAP BTP & Fiori App templates implemented with third-party frontend frameworks such as React, Vue, and Angular

template-angular

Phaser 3 TypeScript project template that uses the Angular framework and Vite for bundling

angular-nest

Simple web app template with Angular v17 + NestJS v9 + ng-openapi-gen

angular-ngrx-frontend

Angular NgRx powered frontend template for Symfony (or similar) backend

Threejs

New Three.js starter app

zen

Nest + Prisma + Apollo + Angular Full Stack GraphQL Starter Kit

wails-template-angular-latest

A generated template, currently supports Angular 17

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

tailkit-starter-kit-angular

Angular Starter Kit for using components out of the box in your project

angular-tailwind

Angular & Tailwind CSS Admin Dashboard Starter Kit

angular-starter-kit

Angular project template with Prettier, Linter, Git-Hooks and VS Code settings

fractal-boilerplate-lua-angular

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

Angular and NestJS Monorepo setup with NPM Workspaces and Github Actions

angular-sample-app

This sample app demonstrates how to integrate the 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

angular-and-firebase-template

An opinionated full-stack starting point for building a web app, using Angular and Firebase

berry-free-angular-admin-template

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

gradient-able-free-admin-template

Gradient able free bootstrap, angular, react admin template

sanity-template-angular-clean

A clean Angular SPA that gets content from

angular-templates

A set of Angular templates for common web apps

LightNap

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

ngx-package-starter

An Angular library NPM starter (or example) project to ease setup of Angular libraries as NPM packages from your GitHub repo

@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

@cristobalgvera/angular-template

Project to easily start an Angular project using Server Side Rendering, Angular Material, and Tailwind CSS. It also includes development tools to easy your workflow

angular-boilerplate

A boilerplate for modern web apps using Angular 18 with Bootstrap, Angular Material, and NgRx for responsive, stateful UIs. Back-end is powered by Spring Boot with a RESTful JSON API. Features include modular architecture and advanced table handling with ngx-datatable

electron-typescript-angular

Really simple Electron + Typescript + Angular boilerplate

nx-starter

Nx powered starter project for Angular with SpartanUI

ng-starter-template

Angular application starter template configured with scss, eslint, prettier, husky, and lint-staged

angular-material-tailwind-playwright-starter

Angular 19 with material, tailwind, jest, playwright, and ngxs

Launch your SAAS in days with Angular

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

A Guide to Robust Angular Applications. A free online book and e-book

Automate Angular unit test and boilerplate with this schematic

Angular Testing Library builds on top of DOM Testing Library by adding APIs for working with Angular components

ng-mocks

Angular testing library for mocking components, directives, pipes, services and facilitating TestBed setup

ng-mocks-sandbox

A repo with guides and examples for unit tests in Angular applications using ng-mocks

auto-spies

Create automatic spies from classes

provides infrastructure to help with testing Angular components

End to End and Component Testing for Angular

Simple JavaScript testing

karma-image-snapshot

Karma jasmine matcher that performs image comparisons based on for visual regression testing

Jest is a delightful JavaScript Testing Framework with a focus on simplicity

jest-preset-angular

Jest configuration preset for Angular projects

jest-preview

Debug your Jest tests. Effortlessly

jest-marbles

Helpers library for marbles testing with Jest

jest-codemods

Codemods for migrating to Jest

ts-jest

A Jest transformer with source map support that lets you use Jest to test projects written in TypeScript

playwright-ct-angular

Playwright Angular component testing

spectacular

Spectacular offers test harnesses for Angular applications and libraries

spectator

A Powerful Tool to Simplify Your Angular Tests

stryker-js

Mutation testing for JavaScript and friends

TestCafe is a user-friendly end-to-end testing solution. Free and open-source test runner. Powerful desktop app

webdriverio

Next-gen browser and mobile automation test framework for Node.js

cypress-harness

This library provides Cypress support to Component Test Harnesses

swc-angular

This is a set of Angular presets that enable you to use SWC (Speedy Web Compiler) with Jest or Vitest

swc-angular-plugin

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

msw

Seamless REST/GraphQL API mocking library for browser and Node.js

ngx-speculoos

Simpler, cleaner Angular unit tests

shallow-render

Angular testing made easy with shallow rendering and easy mocking

angular-tour-of-heroes-jest-100-coverage

100% unit testing coverage of the popular Angular demo app - Tour of Heroes

how-do-i-test

Repository representing different testing use cases for Angular and Spring

How do I Test? playlist

Angular Unit Testing Made Easy

Testing an NgRx project

angular-unit-test-helper

Helper functions to help write unit tests in Angular using mocks and spies

ngentest

Angular6+ Unit Test Generator For Components, Directive, Services, and Pipes

angular-testing-kit

A set of convenient utilities to make Angular testing with Jasmine and Karma simpler

nightwatch-plugin-angular

Official plugin which adds component testing support for Angular apps. It uses the Webpack DevServer under the hood. Requires Nightwatch 2.4+

Adds e2e tests to your Angular project

ngx-testing-tools

Provides high-level utilities and reduces boilerplate for testing Angular applications

angular-testing-kit

A set of convenient utilities to make Angular testing with Jasmine and Karma simpler

playwright-ng-schematics

Adds Playwright Test to your Angular project

docker-ng-cli-karma

Angular docker image capable of running Karma with Chrome

ngx-playwright

Tools to run Playwright e2e tests in an Angular workspace

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

ngtx

stands for "A ular esting E tensions" and is a small set of functions aiming to make your life easier when testing Angular components

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

Interactive guide to help you migrate from one version of Angular to another

Use the CLI to update your project or try new Angular features by adding the flag

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

ng-morph

Code mutations in your project or schematics were never easier than now

ngx-libs

Angular Libraries Support lists community libs support for each Angular version

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!

fast-facts/ng-update

A Github Action that keeps your Angular CLI-based projects up-to-date via automated PRs based on

npx-app-updater

When a new version of your application is deployed, this library will trigger a user notification to inform them that updates are available

ngx-update-app

Angular directive for updating app via service workers

tsparticles

A component to easily add Particles animations to your Angular application

ngx-confetti-explosion

Confetti in Angular

angular-animations

Easy, Reusable Animation Utility library for Angular

ngx-lottie

Fully customizable Angular component for rendering After Effects animations. Compatible with Angular 9+

angular-animations-explorer

A resource to showcase the different animations that you could do with Angular

ngx-notation-reveal

Angular component to add rough notation animation when element is visible

ngx-typed2

An Angular Typing Animation Library

ngx-count-animation

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

ng-auto-animate

Angular Directive (library) for FormKit's

layout-projection

Beautify the Web with awesome layout animations

ngx-easy-view-transitions

Angular library for easier use of the View Transitions API

ngx-typed-writer

A Native Angular 2+ Typing Animation Library (Angular SSR and Angular Universal Friendly)

angular-shiki-magic-move

Smoothly animated code blocks with

ngx-number-ticker

A simple number ticker effect to animate counting

ngx-word-rotation

An Angular library designed to facilitate word rotation animations within Angular applications

ngx-word-morph

An Angular library designed to facilitate word morphing animations within Angular applications

ngx-cryptic-text

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

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

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

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

An Angular library that provides a shimmering text animation effect

ngx-ripple

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

An Angular library that provides a dynamic and customizable animated border effect for Angular components

ngx-border-beam

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

An Angular library that provides a customizable dot pattern background effect for your Angular components

ngx-meteors

An Angular library that adds a mesmerizing meteor shower animation effect to your components

ngx-background-beams

An Angular component that generates dynamic animated background beams with customizable gradients and motion paths

ngx-aurora

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

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

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

An Angular library that creates a beautiful starry sky background with optional shooting star effects

ngx-connection-beam

An Angular component that dynamically renders animated connection lines between two elements

ngx-countUp

Animates a numerical value by counting to it

ngx-animated-counter

BugSplat's library provides simple count up and count down number animations

xng-breadcrumb

Zero config breadcrumb solution. A lightweight, configurable and reactive breadcrumbs for Angular 6 and beyond

olt-ngx-breadcrumbs

Angular Library for generating breadcrumbs based on the routing state

ngx-breadcrumpy

An awesome library to easily add breadcrumbs to your Angular application

ngx-crumbs

An ultimate breadcrumbs service for Angular

breadcrumbs

An angular component that automatically lists breadcrumbs based on the currently routed components

ngx-breadcrumb

A highly customizable and flexible breadcrumb component for Angular

angular-calendar

A flexible calendar component for angular 6.0+ that can display events on a month, week or day view

angular-calendar-scheduler

A scheduler view component for angular

ng-fullcalendar

Fullcalendar module for Angular

fullcalendar-angular

The official Angular component for FullCalendar

angular-year-calendar

A powerful and performant Angular year calendar library built with ❤️

@schedule-x/angular

Material design event calendar

angular-calendar-timeline

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

ngx-turnstile

Cloudflare Turnstile for Angular

ng-hcaptcha

Provides an easy to use component for

angular-yandex-smart-captcha

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

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

Angular 18 fork of . Alternatively, you create your own service that implements Google's reCAPTCHA with the help of this

ngx-slider-recaptcha

Customizable Angular library that provides a slider-based CAPTCHA component to help secure forms from spam and bot submissions

ngu-carousel

Angular Universal carousel

ngx-slider

Self-contained, mobile friendly slider component for Angular based on angularjs-slider

ngx-gallery

Angular Gallery, Carousel and Lightbox

ng-image-slider

Angular Image Slider with Lightbox

ngx-slick-carousel

Angular 17+ wrapper for slick plugin

ngx-splide

Splide.js integration to Angular

ngx-owl-carousel-o

owl-carousel for Angular >=6

angular2-image-gallery

Image Gallery built with Angular 17+, node.js and GraphicsMagick

Flicking Angular Quick Start

ngx-drag-scroll

A lightweight responsive Angular carousel library

ng-slider

A light slider with no external dependencies

keen-slider

The HTML touch slider carousel with the most native feeling you will get

ngx-darkbox-gallery-library

A highly configurable lightbox themed gallery library for Angular applications using the Ivy engine (Angular 15+)

slidecontent-angular

A simple content slide developed in Angular with navigation buttons and transition animations

ngx-hm-carousel

A light carousel for Angular 18+, supports mobile touch with

ngx-stories

An Angular component to render Instagram like stories

carousel-library

A versatile Angular library providing a feature-rich, simple, and performant carousel component

ngx-simple-gallery

A lightweight gallery library for Angular 18 that presents all images as thumbnails, expanding them to full size upon clicking or tapping

@daelmaak/ngx-gallery

Small, performant, responsive, dependency free, easy to use Angular 8+ gallery

ngx-custom-carousel

A feature-rich Angular 17 component crafted to elevate your carousel experience

ng2-charts

Beautiful charts for Angular2 based on Chart.js

ngx-charts

Declarative Charting Framework for Angular2 and beyond!

ng-apexcharts

Angular wrapper for ApexCharts to build interactive visualizations in Angular 7+

ng-chartist

Angular component for Chartist.js

org-chart

Highly customizable org chart. Integrations available for Angular, React, and Vue

ag-charts

Fully-featured and highly customizable JavaScript charting library

systelab-charts

Systelab Angular Chart services

ngx-gantt

A modern and powerful gantt chart component for Angular

carbon-charts

Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library

dag

An Angular service for managing directed acyclic graphs

ngx-simple-charts

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

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

ngx-echarts

Angular directive for

angular-fusioncharts

Angular Component for JavaScript Charting Library

ngu-flow

Angular flow diagram library

highcharts-angular

Official minimal integration for Angular

angular-highcharts

Highcharts directive for Angular

Angular Powered Flow-Chart Library

zingchart-angular

is a declarative, efficient, and simple JavaScript library for building responsive charts

unovis

Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript

angular-google-charts

A wrapper for the Google Charts library written in Angular

ngx-flexmonster

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

ngx-graph

Graph visualization library for Angular

ng-draw-flow

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

sequential-workflow-designer

Customizable no-code component for building flow-based programming applications or workflow automation. Zero external dependencies

ngx-cookie-service

Angular service for cookies. Originally based on the library

ngx-cookie-consent

Angular multi-language module to display a cookie consent banner without other dependencies

ngx-cookieconsent

Cookie Consent module for Angular

cookieconsent

Simple cross-browser cookie-consent plugin written in vanilla js that can be added to

The best JavaScript Data Table for building Enterprise Applications. Supports React, Angular, Vue and Plain JavaScript

The data grid, tree grid, hierarchical grid in provide excel-style filtering, live-data, sorting, draggable row and other toolbar

SheetJS is a JavaScript library for reading and writing data from spreadsheets

ngx-easy-table

The Easiest Angular Table. 12kb gzipped! Tree-shakeable. 55 features and growing!

active-table

Framework agnostic table component for editable data experience

jsgrids

A comparison tool to compare JavaScript data grid and spreadsheet libraries. Find even more libraries from this repo

ui-grid

UI Grid: an Angular Data Grid

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

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

ngx-export-as

Angular 2+ / Ionic 2+ HTML/table element to export it as JSON, XML, PNG, CSV, TXT, MS-Word, Ms-Excel, and PDF

datagrid

Angular TanStack table with shadcn Theme

angular-datatables

An Angular2+ library for building complex HTML tables using the jQuery plug-in

angular-slickgrid

A wrapper of the lightning fast & customizable datagrid. It also includes multiple styling themes

revogrid

Powerful virtual data grid smartsheet with advanced customization. Best features from Excel plus incredible performance

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

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 tag

ngx-grid

A professional Angular data grid

@guiexpert/angular-table

Framework-agnostic table library designed to seamlessly integrate with the major frameworks, including

ngx-date-fns

date-fns pipes for Angular

luxon-angular

date pipes for Angular

angular-globalize

Angular pipes for localizing numbers and dates using Globalize

ngx-mat-timepicker

A true material timepicker

angular-bootstrap-datetimepicker

Native Angular date/time picker component styled by Bootstrap

ngx-datetime-range-picker

Angular material datetime range picker with daily, weekly, monthly, quarterly & yearly levels

mat-datetimepicker

Material datetimepicker for @angular/material

angular-datepicker

Highly configurable date picker built for Angular applications

ngx-daterangepicker-material

Pure Angular 2+ date range picker with material design theme

ngx-multiple-dates

Multiple dates picker based on Angular Material

ng-datetime

Angular library containing components used for handling datetime

time2blocks-ngx

Angular lib to identify which time is associated with a blockchain block in the past (and format it)

dhutaryan/ngx-mat-timepicker

Material timepicker based on material design

ngx-timeline

A simple component library to add an animated timeline view

ngx-prayertimes-api

An Angular API client for

frxjs-Ngx-Timeline

This library allows you to integrate a timeline in your Angular app

ngx-resize-observer

Angular 8+ module for detecting when elements are resized

ngx-mutation-observer

Get Angular 8+ events fired when an element is mutated in the DOM

ngx-visibility

Angular module that detects when elements are visible. Uses IntersectionObserver

ng-in-viewport

Allows us to check if an element is within the browsers visual viewport

ngx-breakpoint-observer

This library adds reactive breakpoint and media query methods based on Signals

ngx-fade

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

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

ng-let

Structural directive for sharing data as local variable into html component template

ng-for-track-by-property

Angular global trackBy property directive with strict type checking

ng-generic-pipe

Generic pipe for Angular application

safe-pipe

Angular pipe for sanitizing your unsafe content

ngxd

NgComponentOutlet + Data-Binding + Full Lifecycle = NgxComponentOutlet for Angular 7+

ngx-highlightjs

Instant code highlighting, auto-detect language, super easy to use!

ngx-sharebuttons

Angular share buttons

ngx-pipes

Useful pipes for Angular with no external dependencies!

nglrx/pipes

A library of useful pipes for Angular apps

ng-helpers

A collection of useful components, directives and pipes for Angular

ng-condition

An alternative directive to that simplifies conditions in HTML templates

ngx-sticky-kit

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

ngx-ellipsis

Multiline text with ellipsis for Angular 9+

ngx-func-pipe

A simple and lightweight Angular pipe that allows you to call a function directly from your Angular templates

ngx-pipes-toolkit

A complementary pipes library for Angular

ngx-nullish

Angular Structural Directive, which replaces with Nullish Coalescing operator

ngx-interpolation

An Angular lightweight library to interprate string interpolation expressions

ngx-nullable

This library provides a way to make properties nullable in Angular templates

ngx-if-platform

Directive for conditional display based on platform

ngx-cut

Angular directive for cutting texts with responsive options

ngx-app-version

Angular directive for writing version into DOM

ngx-repeat

Angular directive for repeating HTML element by count

ngx-fixed-footer

Angular directive that adds fixed footer without overlap

ngx-href

A directive that allows href to understand Angular's router while retaining its default functionality

ng-dompurify

This library implements as Angular Sanitizer or Pipe. It delegates sanitizing to DOMPurify and supports the same configuration

ngx-windows

Angular Windows Components and Services

ngx-quicklink

Quicklink prefetching strategy for the Angular router

ngx-speculative-link

An Angular implementation of inspired by and ngx-quicklink

ng2-dragula

Drag and Drop so simple it hurts!

ngx-drag-drop

Angular directives using the native HTML Drag And Drop API

ngx-dropzone

The missing file input component for Angular Material

ng-dnd

Drag and Drop for Angular

ngx-file-drag-drop

Angular material file input component which lets the user drag and drop files, or select files with the native file picker

The module provides you with a way to easily and declaratively create drag-and-drop interfaces

moveable

Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, and Snappable

angular-drag-drop-layout

A lightweight, dependency-free Angular library for creating highly customizable, responsive grid layouts with drag-and-drop functionality

ngx-swapy

A simple component library to get a drag and drop DOM through the help of

ngx-draggable-dom

Angular attribute directive that causes any element to become a draggable element

ngx-drag-resize

This Angular library provides directives that add drag and resize functionality to HTML elements

@ctrl/ngx-codemirror

Codemirror Wrapper for Angular

acrodata/code-editor

CodeMirror 6 wrapper for Angular

@instechnologies/ng-rooster

Angular wrapper of roosterjs, a rich text editor

angular2-froala-wysiwyg

Angular 2 wrapper for Froala WYSIWYG HTML Editor

Ckeditor plugin for Angular2+

ngx-simple-text-editor

Ngx Simple Text editor or ST editor is a simple native text editor component for Angular 9+

ngx-quill

Angular (>=2) components for the Quill Rich Text Editor

ngx-editor

Rich Text Editor for Angular using ProseMirror

code-editor

Code editor component for Angular applications

ngx-wig

Angular(also Angular 17) WYSIWYG HTML Rich Text Editor

ngx-monaco-editor

Monaco Code Editor for Angular

ngx-property-editor

Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object

ngx-tiptap

Angular bindings for

tinymce-angular

Official Angular Component

slate-angular

Angular view layer for

BlockNoteAngular

Unofficial Angular wrapper

ngx-jodit

Angular wrapper for WYSIWYG editor

ngx-ace-wrapper

Angular wrapper library for

ngx-quill-wrapper

Angular wrapper library for

ngx-tinymce

components built with Angular

ng2-file-upload

Easy to use file upload directives

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

Angular7+ wrapper for for file upload

ngx-uploadx

Angular Resumable Upload Module

file-upload

Angular module used for file upload

ngx-filepond

A handy adapter component for Angular

ngx-file-drop

Angular module for simple desktop file and folder drag and drop. This library does not need rxjs-compat

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

ngx-custom-material-file-input

File input management for Angular Material

ngxf-uploader

File uploader for Angular 18+

ngx-dropzone-wrapper

Angular wrapper library for

ngx-fileupload

only contains services and classes to enable file upload with Angular. contains components and pipes to provide a UI

angular-imask

Angular input mask

ngx-mask

Angular Plugin to make masks on form fields and html elements

maskito

Collection of libraries to create an input mask which ensures that user types value according to predefined format

ngx-formly

JSON powered / Dynamic forms for Angular

formio

JSON powered forms for Angular

ng-dynamic-forms

Rapid form development library for Angular

fluent-form

Building dynamic form in Angular with Fluent API or JSON

reactive-forms

(Angular Reactive) Forms with Benefits

ng-signal-forms

Signal powered Angular Forms

ngx-sub-form

Utility library for breaking down an Angular form into multiple components

forms-typed

Want types in your forms? Want to have nested forms? This is library can help

ngx-vest-forms

A lightweight adapter for Angular template-driven forms integrated with vest.js for validation

ngx-currency

Currency mask module for Angular

ngx-super-forms

This library adds some much-needed features on top of Angular forms and Reactive forms, to make it more developer friendly

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

ngx-smart-forms

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

ngx-dynamic-form

A library that works in Angular 16 with Bootstrap 5 to generate forms in a simple and dynamic way

ngx-form

Model based typed reactive forms made easy

ngx-enhancy-forms

Fancy enhanced angular forms

ngx-forms-core

This library provides strictly typed versions of the Angular form system. The classes extend the Angular form system and provide several tools to improve type strictness

ngx-focus-entities

Library for generating reactive Angular forms from a Focus4 representation generated with

@TanStack/form

Designed with first-class TypeScript support, headless UI components, and a framework-agnostic design, it streamlines form handling and ensures a seamless experience across various front-end frameworks

@luistabotelho/angular-signal-forms

Simple Angular library to implement forms with signals

ngx-emoji-mart

Customizable Slack-like emoji picker

ngx-color

🎨 Color Pickers from Sketch, Photoshop, Chrome, Github, X & more

ngx-colors

Simple yet elegant Material color picker

ngx-color-picker

Color picker widget

angular-colorful

A tiny color picker component for modern Angular apps

angular2-multiselect-dropdown

Angular multiselect dropdown component for web applications

ng-select

All in One UI Select, Multiselect and Autocomplete

ngx-numeric-range-form-field

Angular Material UI numeric range input form field. It is based on control value accessor

file-input-accessor

Angular directive that provides file input functionality in Angular forms

ngx-bootstrap-icons-picker

Just a Bootstrap Icons Picker for Angular

ngx-filesaver

Simple file save with

angular-star-rating

Star Rating Angular Component written in TypeScript, based on CSS-only techniques

ngx-bar-rating

Angular Bar Rating

angular-code-input

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

Multiple Select Dropdown Component

angular-iban

IBAN directives and pipes for Angular

ngx-autosize-input

An Angular directive that automatically adjusts the width of an input element. It shrinks and increases the width

angular-cc-library

Library to support Credit Card input masking and validation

ngx-ui-switch

A simple iOS 7 style switch component for Angular

olt-ngx-ui-switch

NGX UI Switch (Forked) to latest version of Angular

auto-complete

Angular Auto Complete component and directive

ngx-otp-input

One time password input library for Angular

ngx-show-hide-password

Add split input button to password or text input. Toggles input type between "text" and "password"

ngx-phone-field

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

An Angular library that provides a customizable star rating component for your Angular application

ngx-mat-birthday-input

An Angular Material library for entering a birthday

ngx-countries-dropdown

Angular library with customizable countries dropdown component with flags, dial code, language and currency details

ngx-mat-split-button

A split button component for Angular Material. Split buttons (also known as "split button dropdowns" in Bootstrap) have a primary action button with a conjoined dropdown toggle that opens a menu for secondary actions

ngx-valdemort

Simpler, cleaner Angular validation error messages

ngx-validator

Angular 7+ Validator. Handle validation messages easily and automatically

validointi

This is a library to help you validate your template driven forms

ngx-reactive-forms-utils

Provides easy validation error display and custom validators

angular-reactive-validation

Reactive Forms validation shouldn't require the developer to write lots of HTML to show validation messages. This library makes it easy

ngx-formcontrol-errors

A directive for showing errors in Angular form controls

error-tailor

Making sure your tailor-made error solution is seamless!

ngx-validator-pack

A collection of validators designed to simplify usage and allow quick customization

ngx-error-msg

The error message mapping library for Angular

ngx-form-errors

Display form validation errors for Angular Reactive forms

ngx-iban-validator

IBAN Validator for your reactive Angular forms, comes without any dependencies and can be used even outside of Angular as standalone function in any JS project. It can perform format, digit, and length IBAN validations

angular-fontawesome

Official Angular component for Font Awesome 5+

angular2-fontawesome

Angular2 Components and Directives for FontAwesome

ng2-fontawesome

A small directive making font awesome even easier to use

ngx-icon-blur

An Angular component that can be used to create a frosted glass effect for icons

ng-icons

The ultimate icon library for Angular

primeicons

PrimeIcons is the default icon library of PrimeNG with over 250 open source icons developed by PrimeTek

angular-svg-icon

Angular component and service for inlining SVGs allowing them to be easily styled with CSS

svg-icon

A lightweight library that makes it easier to use SVG icons in your Angular Application

ng-svg-icon-sprite

Angular 16+ package for generating and using inline SVG icons in your project

Angular-Svg-Sprite

Simplify SVG icon usage in your Angular project! Enhance the flexibility and manageability of your Angular project by using SVG sprites

ng-hero-icons

Use in your Angular application

ionic-angular-collect-icons

This library is used to uniquely group the ionIcons in a project, and generate for export ionIcons file

ngx-fluent-ui

Angular & online library for Microsoft Fluent UI icons

angular-remix-icon

Angular wrapper for Remixicon icon library

angular-line-awesome

Angular Line Awesome is an Angular component to manage icons

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

angular-feather

This package allows you to use in your Angular applications

angular-tabler-icons

This package allows you to use the in your Angular applications

icon-lib-builder

Small tool to generate a Framework component (React, Preact, Angular, Svelte or Vue) from a SVG icon

svg-icons-builder

Angular builder to build svg-icons using svg-to-ts

ngx-fast-svg

SVGs, fast and developer friendly in Angular

angular-techs-logos

Library of tech related icons

ngx-x-browser-svg-mask

Directive to easily achieve cross browser compliance while creating SVG masks

boringer-avatars

A fork from . This rewrites the base as Mitosis components and exports into multiple framework flavors including

helps developers to use icons inside Angular projects

coolshapes

An Angular library aiming at allowing developers to use cool-looking abstract shapes with little grainy gradients from

ngx-img-fallback

Load placeholder image on image error, Angular 5+

ngx-image-zoom

Angular component for zoomable images

ngx-image-hero

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

Angular library for uploading and compressing images

ngx-image-cropper

An image cropper for Angular

ng-cloudimage-responsive

Cloudimage responsive plugin will make your website load the exact image size you need depending on your user's screen size

angular-cropperjs

integration for Angular 6+

Angular SDK from Cloudinary

img-comparison-slider

Image comparison slider. Compare images before and after. Supports React, Vue, and Angular

Angular directive for responsive, high-performance images. Generates a responsive 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

ngx-advanced-img

Angular attribute directives suite that provides various HTML img feature extensions

ngx-unsplash

Angular service for proxied

ngx-img-cropper

Image cropping tool for Angular

ngx-smart-cropper

Angular standalone component that allows users to upload, crop, and resize images with ease. It provides intuitive drag-and-resize functionality, grid overlays, and supports various aspect ratios and output formats

ngx-focus-control

Library to provide tools to work with focus and focusable elements to improve user interfaces and accessibility

angular2-hotkeys

Keyboard shortcuts for Angular 2 apps

virtual-keyboard-javascript

Virtual Keyboard for Javascript, React, Angular, & Vue

angular-touch-keyboard

Virtual Keyboard for Angular applications

hotkeys

A declarative library for handling hotkeys in Angular applications

ngx-contextmenu

A context menu component for Angular

angular-split

Angular split component

egjs-infinitegrid

Arrange infinite card elements according to various layout types like masonry for Angular

overview

A collection of tools to make your Angular views more modular, scalable, and maintainable

ngx-layout

Clone of Angular FlexLayout

ng-sortgrid

A grid that allows you to sort all items via drag & drop

angular-gridster2

Angular gridster 2

angular-grid-layout

Responsive grid with draggable and resizable items for Angular applications

ng2-tree

Angular tree component

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

ngx-flickering-grid

A simple component library to create a container with an animated grid pattern background

ngx-gridpattern

A simple component library to create a container with an pattern background

ngx-retro-grid

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

A highly customizable and lightweight Angular service that provides a mobile-friendly bottom sheet component

@marxlnfcs/ngx-grid

Angular library to create a simple grid layout

angular2-promise-buttons

Loading buttons for Angular 2 by @johannesjo

ngx-progressbar

Nanoscopic progress bar, featuring realistic trickle animations

dotglitch-ngx

Highly customizable lazy loader for Angular components

ng-lazy-load-component

Lazy load Angular component into HTML template without routing

ngx-loading-bar

Automatic page loading / progress bar for Angular

content-loader

SVG component to create placeholder loading, like Facebook cards loading

ngx-loading

A loading spinner for Angular applications

ng-block-ui

Block UI Loader/Spinner for Angular

ngx-spinner

A library for loading spinner for Angular

angular-busy

Show busy/loading indicators on any element during a promise/Observable

angular-loaders

Angular loader components

ngx-loader-indicator

Awesome loader for Angular applications. No wrappers only your elements

ngx-skeleton-loader

Make beautiful, animated loading skeletons that automatically adapt to your Angular apps

angular-svg-round-progressbar

Angular module that uses SVG to create a circular progressbar

ng-circle-progress

A simple circle progress component created for Angular based on SVG Graphics

ngx-loading-buttons

A lightweight Angular library to add a loading spinner to your Angular Material buttons

ngx-lazy-directive

Provides an easy way to lazy load components combined with the directive, thereby reducing the First Contentful Paint time when a module is large