Awesome Angular
Angularを扱う資料や関連プロジェクトをまとめたAwesomeリストです。
目次
- Angular
- Angularの動向
- 学習資料
- アーキテクチャと高度なトピック
- 開発ユーティリティ
- セキュリティと認証
- 状態管理
- テスト
- サイトテンプレート
- サードパーティ製コンポーネント
- アニメーション
- カレンダー
- CAPTCHA
- カルーセル
- チャート
- Cookie
- CSV
- データグリッド
- 日付
- ディレクティブ
- DOM
- ドラッグ&ドロップ
- エディター
- ファイルアップロード
- フォーム
- フォームコントロール
- JSONフォーム
- フォーム検証
- アイコン
- 画像
- キーボード・マウス
- レイアウト
- ローダー
- ロガー
- 地図
- Markdown
- メディア
- 複合ユーティリティ
- モーダル
- 通知
- オンボーディングと製品ツアー
- パイプ
- 印刷
- QRコード
- ルーター
- スクロール
- ストレージ
- ツールチップ
- UIライブラリ
- BootstrapベースのUIライブラリ
- MaterialベースのUIライブラリ
- Tailwind CSSベースのUIライブラリ
- UIライブラリ/フレームワークIonic
- UIプリミティブ
- ビューアー
- 視覚効果
- 基盤技術
- フレームワーク相互運用
- Angularに着想を得たソリューション
- 外部リスト
Angular
Angularは、開発者が高速で信頼性が高く、利用者に好まれるアプリケーションを構築するためのWebフレームワークです。
公式資料
ビルダー
- Webpack
- esbuild
- Angular Builders - このリポジトリは、Angularのビルドファサードに必要なコミュニティ開発者(ES Build、Webpack、Jest、Bazel、およびTimestamp)を統合しています。
- Jest Builder
- Custom Webpack
- Custom esbuild
- Bazel - ng build、ng testなどに反応してBazelを実行できるAngular CLIビルダーを提供します。
- Timestamp - これはこの article に説明されています.
- ngx-build-plus - Angular Elementsなど、Angular CLIのデフォルトビルド行動を拡張できるように、eject(脱出)せずに設定できます。
- ngx-electronify - Electronを使用してデスクトップ上でアプリケーションを実行するAngular CLIビルダーです。
- dotenv-run - 環境変数をスムーズに読み込みます。CLI、esbuild、Rollup、Vite、Webpack、Angular、ESMおよびMonoreposに対応しています。
- ng-packagr - Angularパッケージフォーマット(APF)でAngularライブラリをコンパイル・パッケージ化します。
- angular-env-builder - 環境変数に基づいて
src/environments/environment.tsファイルを生成するビルダー. - angular-rspack - Angular アプリケーション向けの Rspack プラグインとツールセット.
- ngx-devkit-builders - このパッケージには、Angularアプリケーションおよびライブラリのビルドとテストに使用されるアーキテクチャビルダーが含まれています。
- angular-static-assets-hash - Angularの静的アセットの一覧を作成し、各ファイルに対してハッシュを生成します。
- ngx-schematic-builder - Angularスケミックプロジェクトのビルドツールです。カスタムスケミックをコンパイル・パッケージ化し、公開および使用に備えます。
- ng-builder-typescript - Angular CLI 用のビルダーで、TypeScript コンパイラ
tscを使用して Node.js アプリケーションをビルドします(Webpack またはその他のバンドラーは使用しません).
CLIツール
- Official website
- Official GitHub repository
- alterforge - ReactまたはAngularのフロントエンドをオプションとして含むモジュラリーマイクロサービスアーキテクチャをスケルトン化・管理するCLIツールです。
- @MohamedBouattour/angular-clean-architecture - 明確で保守性の高いレイヤーを持つ、プロダクション対応のAngular機能を、Clean Architectureに基づいて生成するCLIツールです。
- angular-cli-diff - Angular CLIアプリケーションを簡単にバージョンアップできます(🚀)。
- angular-cli-ssr-diff - Angular CLI SSRアプリケーションを簡単にバージョンアップできます(🚀)。
- angular-parallel-test-runner - 複数のプロジェクトで並列にAngularテストを実行するCLI。利用可能なCPUコアを活用します。
- angular-web-cli - 開発者向けにワークフローを簡素化し、タスクを自動化し、カスタマイズ可能なユーティリティを提供する柔軟なCLIツールです。
- Better-Fullstack - 数秒でプロダクション対応のフルスタックアプリケーションをスケルトン化できます。425の選択肢からスタックを選択し、CLIがすべてを接続します。
- dotairc - AIアシスタントがあなたのコードベースと協働する際の一貫性のある指示を作成するためのツールです。
- firebase-framework-tools - 実験的な Firebase CLI エクステンションでウェブフレームワークのサポートを追加します.
- i18n-fixer - フレームワークに依存しないCLIツールで、ハードコードされた文字列、i18nキーの欠落、未使用の翻訳を検出します。
- js-stack - プロダクション対応のJavaScriptフルスタックプロジェクトをスケルトン化するための現代的なCLI。カスタマイズとベストプラクティスプレセットを提供します。
- kqgen - Angularコンポーネントやサービスを高速かつ柔軟に生成するCLI。テーブル、フィルター、REST/GraphQLサービス用のプレセットを含みます。
- lin - Lazy I18N は、LLMs を使ってロケール JSON を翻訳する CLI ツールです。
- mcp-angular-cli - Angular CLI およびワークスペース自動化を提供するサーバーで、LLMs およびエージェントがコンポーネントを生成し、パッケージを追加し、ワークスペースを作成し、カスタムアーキテクトターゲットを実行できるようにします。
- nest-schematics - NestJS における CQRS(Command Query Responsibility Segregation)モジュールを、ヘキサゴナルアーキテクチャで生成する Angular CLI のスケミックです。
- ng-chrome-extension - 簡単に Angular Chrome エクステンション(manifest v3)を作成できます。
- ng-create-with-config - Prettier、ESLint、Husky および Lint-staged を事前設定した Angular プロジェクトを初期化するための最小限のツールです。
- ngTooLazy - 現代的なコンベンション、意見に基づいたアーキテクチャ、スタートブレーカー(ガード、インターセプタ、レイアウト)を備えた Angular アプリケーションをスケルトン化する Node.js CLI です。
- ns-gc - 軽量なコマンドラインツールで、独自の構造と設定なしで、NativeScript Angular コンポーネントおよびAngularサービスを生成します。
- ngx-i18n-scan - Angularコードをスキャンして、i18n翻訳キーを抽出・更新するCLIツールで、翻訳ファイルを清潔に保ちます。
- ngx-stats - Angularプロジェクトを分析し、モジュール、コンポーネント、ディレクティブ、パイプ、サービスの数を定量化して、アーキテクチャの洞察を明確に提供するCLIツールです。
- ngx-ws - 大きな
angular.jsonを JSON References の力でモジュール化し、プロジェクトローカルファイルに分割できるようにし、 YAML および JSON5 フォーマットの利便性を活かします. - prepare-angular-json - コメント付き からクリーンな ファイルを生成する軽量 CLI ツール.
angular.jsonangular.jsonc - rafacli - NestJSおよびAngular向けに認証とCRUDモジュールを生成し、ブレーカーを自動化して開発をスムーズにし、一貫性を確保するCLIツールです。
- ngx-crafter - 事前設定されたフォルダ構成と必須パッケージを備えたAngularプロジェクトを作成するための強力なCLIツールです。
- ng new command generator - 最適化された
ng newコマンドを生成します. - svger-cli - SVGを最適化されたAngularコンポーネンツに変換する、依存関係のない軽量CLIツールです。
- tailwind-init-cli - Tailwind CSSをAngular、React、Next.jsプロジェクトにワンコマンドでセットアップするツールです。
- fanstack - Firebase関数を自動的に監視し、厳密に型付けされたAngularサービスを生成する軽量CLIとアーキテクチャです。
デプロイ
- AWS Amplify
- Vercel
- Firebase Hosting
- Netlify - Netlify での Angular アプリケーションは、 Angular Runtime プラグインによって自動的にフレームワーク検出とリダイレクトを実現します.
- angular-cli-ghpages - SSRは動作しませんが、一部の制約はあります。ただし、AngularプロジェクトをGitHub Pagesにホストできます。
- analog-publish-gh-pages - GitHub Pages への
Analog.jsアプリケーションのデプロイ用の GitHub Action. - Genezio - サーバレスアプリケーションを書く・ホストする最も簡単な方法です。
- Cloudflare Pages
- Zerops - Analog アプリケーションのデプロイと実行、 server side rendered および static いずれも、非常に簡単になります.
- SST - 現代的なフルスタックアプリケーションの構築と自動化を容易にするフレームワークです。
- ngx-config-orchestrator - 外部JSONを介して実行時設定を行うAngularライブラリで、「一度ビルド、どこでもデプロイ」を実現します。
- deploy-with-git - Git リポジトリから Angular アプリケーションを直接 Flux Network にデプロイできます.
- @railwayapp-templates/angular-starter - ワンクリックでデフォルトのAngular TSスタートを設定。Caddyでサーバーを提供!
- angular-deploy-bunny - Angular Architect ビルダー(
ng deploy)は、SHA256 インクリメンタルディフを用いてビルドを Bunny.net CDN ストレージゾーンに同期し、対応するプルゾーンを削除します. - ngx-ssh-deploy - SSHを使ってAngularプロジェクトをデプロイします。
- front-ready - Angularのビルド設定を検出し、プロジェクトをコンパイルして、AWS S3に最適化されたキャッシュヘッダーを使用してアップロードする1つのコマンドで完了します
- oSStack Deploy - Vercelにインスパイアされた高性能デプロイメントプラットフォーム。ゼロ設定デプロイ、自動フレームワーク検出、リアルタイムビルドストリーミングを備えています
デスクトップアプリ
- electron - JavaScript、HTML、CSSを使用してクロスプラットフォームのデスクトップアプリを構築できます
- angular-electron - AngularとElectronを使った超高速起動
- neutralinojs - Linux、macOS、Windows、Web、Chromeで動作するJavaScript、HTML、CSSを用いた軽量でポータブルなフレームワークです
- nw.js - HTML、JavaScript、直接のNode.js統合を使用したネイティブアプリ向けのChromium + Node.jsランタイム
- nw-angular-example - AngularとNW.jsを統合する例
- tauri - 小さな、高速で安全なクロスプラットドアプリケーションを作成できます
- angular-tauri - AngularとTauriを使った超高速起動
- create-tauri-app - 新しいTauriアプリプロジェクトを迅速にスケルトン化できます
- wails - Go とウェブ技術を使ってデスクトップアプリケーションを構築します。其中包括 Angular.
- MōBrowser - TypeScript、HTML、CSSを使用してデスクトップアプリを構築するフレームワークで、ソースコード保護が内蔵されています
Angularの更新
- Official website - Angularのバージョン間移行を支援するインタラクティブガイド
- Official update reference - CLI を使ってプロジェクトを更新するか、新しい Angular フィーチャーを試すために
--nextフラグを追加できます. - Official migrations reference - Angularのスキームがプロジェクトの更新を可能にし、スタンドアローンコンポーネントへの変換、新しいコントロールフロー構文などに対応します
- ng-morph - プロジェクトやスキームにおけるコード変更は、これまで以上に簡単になりました
- ngx-libs - Angular Libraries Supportは、各Angularバージョンにコミュニティライブラリのサポートをリストアップしています
- @fast-facts/ng-update - Angular CLI プロジェクトを自動化された PR によって
ng updateに基づいて最新に保つ GitHub Action. - npx-app-updater - 新しいバージョンがデプロイされた際に、ユーザーにアップデートの可用性を通知します
- ngx-update-app - アプリをサービスワーカーで更新するためのAngularディレクティブ
- Angular Caniuse - Angularの機能をプレビューからスタビリティ段階まで追跡できます
- Depfixer - JS/TSプロジェクト向けのスマート依存関係分析;互換性の衝突を検出し、ステップバイステップの修正を提供します
- migration-planificator - Angularの移行を正確に計画し、負荷見積もりを計算し、インタラクティブなHTMLダッシュボードを生成します
- NgReady - Angularのアップグレードに無駄な時間を費やさないでください。
Angularの動向
コミュニティ
- Angular Discord Channel
- Angular Hashtag - X で
#angularハッシュタグを使用します. - Gitter Channel
- Angular Stack Overflow
- @Angular on X
- /r/Angular Subreddit
- Angular Buddies Slack Channel
- angular-logos - Repoは、Angularのさまざまなバッジとロゴをすべて収集する専門の場です。
- Made with Angular - Angularで構築されたウェブアプリの展示。
- Angular Hub - Angularのイベントとコミュニティを厳選したリスト。
- Angular Space - Angular開発者としての学習と成長を支えるあなたのハブ。
- builtwith trends - Angularの使用統計。
- Angular: The Documentary | An origin story
- Angular Talents - 独立開発者は、今後のプロジェクトに参加可能な状態を明確に示すことで、求人サイトを無限にスクロールする必要を排除できます。
- Map of GitHub - NgSphereを探索して、スターを共有しているリポジトリを発見してください。
- Good First Issues - 初心者にもやさしいイシューを発見し、Angularのオープンソースプロジェクトに貢献を開始してください。
- Angular Popularity Analysis - AI時代におけるAngularの人気に関する標準化された統計分析。
- Jobs in JS - アメリカ、カナダ、イギリスにおけるAngular開発者向けの求人。毎日更新。
ニュースレター
ポッドキャスト
- Angular Air
- Angular Master Podcast
- Angular Plus Show
- Angularidades - スペイン語での説明.
Bluesky
X上のAngularチーム
- Minko Gechev
- Alan Agius
- Matthieu Riegler
- Alex Rickabaugh
- Kristiyan Kostadinov
- Paul Gschwendtner
- Joost Koehoorn
- Simona Cotin
- Jessica Janiuk
- Doug Parker
- Emma Twersky
- Mark Thompson
- Pawel Kozlowski
- Dylan Hunn
X上のAngular専門家
- @PatrickJS
- @eggheadio
- @hirez_io
- @cedric_exbrayat
- @victorsavkin
- @jeffbcross
- @marsibarsi
- @maciejtreder
- @maartentibau
X上のGoogle Developer Expert
- Jack Franklin
- Thierry Chatel
- Uri Shaked
- Gonzalo Ruiz de Villa Suárez
- Sharon DiOrio
- John Papa
- Dan Wahlin
- Christian Weyer
- Todd Motto
- Tim Ruffles
- Wassim Chegham
- Aaron Frost
- Wilson Mendes
- Jared Williams
- Gerard Sans
- Pascal Precht
- Jeff Whelpley
- Raúl Jiménez
- Maxim Salnikov
- Deborah Kurata
- Shai Reznik
- Manfred Steyer
- Juri Strumpflohner
- William Grasel
- Alyssa Nicoll
- Nir kaufman
- Dmitriy Shekhovtsov
- Jeff Delaney
- Nishu Goel
- Alex Inkin
- Santosh Yadav
- Ankit
- Siddharth Ajmera
- Muhammad Ahsan Ayaz
- Dmytro Mezhenskyi
- Michael Hladky
- Fabio Biondi
- Thomas Laforge
学習資料
ブログ
- Angular Experts - Angular、NgRx、RxJS、NXについて学び、ガイドや詳細なコンテンツ、実行可能なヒントとコツでスキルを高めましょう!
- angular-university - Angularエコシステムについて学び、常に最新の情報を追いついてください。
- simplified courses - 愛を込めてあなたのために書かれたブログ記事!
- Just Angular - Angularの最新かつ重要なアップデート、そして役立つヒントとコツを共有しています。
- Angular Love - (ポーランド語) Angularに優れた最新情報リソース。
- Angular Minds
- Angular Architects
- House of Angular
- thisdot labs
- halodoc
- ninja-squad
- marmicode
- Tim Deschryver
- Chau Tran
- Minko Gechev
- Matthieu Riegler
- Thomas Laforge
- Rainer Hahnekamp
- Evgeniy Oz
- Tomas Trajan
- Tomasz Ducin
- This is Angular
- daily.dev
- Angular Philosophies
- Angular Material Dev - AngularにおけるMaterial Designに関連するすべての情報が一元的に集まる場所。
- Angular Tips - Angularで複雑で大規模かつ維持可能なアプリケーションを構築するためのベストプラクティスと推奨事項。
- Practical Angular Guide - Donald Murillo による Angular 開発者向けの現実的なソリューション.
書籍
- Packt Publishing - 最新のプログラミング書の多様な選択肢を一括で見つけるための最良のオプション。
- GumRoad - さまざまな無料および有料のAngular電子書籍。
- LeanPub - LeanPubの柔軟な価格モデルにより、自らの条件で著者をサポート。あなたが支払う金額を自由に選べるようになります。
- Manning - マニングのpBookをどこでも購入すれば、eBookが無料で提供されます。
- Become a ninja with Angular -
Ninja Squad - Angular-Buch (German) -
dpunkt.verlag. - Code with Ahsan
- Angular University Ebooks - 個別に購入可能またはサブスクリプションに含まれる場合があります。
- Angular Enterprise Architecture -
Tomas Trajan. - Testing Angular - Robust Angularアプリケーションへのガイド 無料。
- Modern Angular -
Manfred SteyerFREE. - TutorialSearch - Udemy、Skillshare、Plurals及他の主要学習プラットフォームの45以上のカテゴリにわたる5万件以上のチュートリアルを、クロスプラットフォームで検索可能に。
- Ultimate Guide to Angular Evolution -
House of Angular無料. - Micro Frontends and Moduliths with Angular -
Manfred SteyerFREE. - Angular Mastery -
CHRISTIAN LÜDEMANNFREE. - Enterprise Monorepo Angular Patterns -
Nx Core TeamFREE.
認定プログラム
- Certificates.dev - Angular開発者としての能力証明書を取得できます。
- Angular Academy CA - カナダにおける実践的かつ講師指導型のAngularトレーニング。
- Hackerrank - Angular(基本)スキル認定試験。
- Koenig - さまざまなコースがAngularを個別にまたはフルスタックとしてカバーしています。
- Simplilearn - Angular認定トレーニングコース。
チートシート
- Official Angular Version 17 Cheatsheet
- List of 100 Angular Interview questions and answers
- Angular Developer Roadmap
- Framework Field Guide - Angular、React、Vueを同時に学べる無料かつ実用的な方法。
- Marmicode Cookbook - おいしいアプリケーションを調理するための材料とレシピ。
- angular-interview-questions - Angularに関するインタビュー問題と解答を、次の技術面のインタビュー準備に活用できます。
- dotnet_angular_cli_cheatsheet - .NETとAngularを使用するフルスタック開発者向けの包括的なガイド。
- Signals in Angular - Signalsを用いた基礎から高度なパターンまで。
- TMS Outsource Angular Cheat Sheet - すべてのデコレーター、ブロック、オペレーター、CLIフラグが記憶に残るよう、検索可能・フィルタ可能・コピー可能。
演習
- angular-fundamental-lessons
- Angular Challenges - 60以上のAngular、Nx、RxJS、NgRx、TypeScriptの課題が収録されたリポジトリ。実際のスキルを磨くために設計されています。
- Codelabs - Google開発者Codelabsは、アプリケーションの開発や新機能の追加に向けた、ガイド付き実践チュートリアルを提供します。
- rxjs-fruits - RxJSのさまざまなオペレーターをカバーするインタラクティブな講義。
- modern-angular-exercises - さまざまなAngularテーマに関する演習問題、解答および解答動画を含みます。
トレーニング
- Angular Academy - 世界クラスのインストラクターが指導するライブオンラインAngularコース!
- Angular Boot Camp
- Angular Start - 現代的なベストプラクティスを用いて、新しい機能を使ってプロフェッショナルなAngularアプリケーションを構築する方法を学びましょう。
- Angular Training - あなたが求めているAngularのコーチ。
- Angular UI - インタラクティブなコースと演習を使って、次に構築するウェブアプリケーションを準備しましょう。
- Angular University - Angularエコシステムを学び、常に最新の状態を維持しましょう。
- Angular.Schule (in Germany)
- Angular.DE (Germany)
- learnbydo.ing - Fabio Biondi でコース、書籍、練習問題からウェブプログラミングを学べます。コンテンツはイタリア語または英語で提供されています。
- liveloveapp - Cypress、NgRx、RxJS、AG Gridおよびウェブパフォーマンスに関するワークショップが提供されています。
- Marmicode
- ng.guide - 現実世界のアプリケーションを構築しながらAngularを学びましょう。
- Tech OS - -demanding developersおよびambitious teams向けに設計された、高度なAngularトレーニングを提供。
- Udemy: Angular - The Complete Guide
- Ultimate Courses - Angularの専門家になるために必要なすべての内容。
- Workshops.DE (Germany)
スタイルガイド
YouTubeチャンネル
- Angular
- NG CONF
- Procademy
- Monsterlessons Academy
- Joshua Morony
- Nihira Techiees
- Angular University
- Rainer Hahnekamp
- Code Shots With Profanis
- Deborah Kurata
- BrandonRobertsDev
- Decoded Frontend
- Zoaib Khan
- NivekDev
- WebTechTalk
- Babatunde Lamidi
- TechStackNation
- Angular Love
- NG NEWS
- Learning Partner
- Igor Sedov
- Brian Treese
- Kobi Hari
- Programming Practicals
- Daniil Rabizo
- Loiane Groner
- StartupAngular - 日本語で。
- Code with Keys - ペルシャ語で。
アーキテクチャと高度なトピック
機能フラグ
- OpenFeature Angular SDK - 機能フラグのためのベンダーに依存しない、コミュニティが運営するAPI仕様。
- @devcycle/openfeature-angular-provider - DevCycle は OpenFeature Angular SDK をサポートしています。
- @openfeature/go-feature-flag-web-provider - GO Feature Flag プロバイダーは、あなたの GO Feature Flag インスタンスに connect を接続するための機能を提供します。
@openfeature/web-sdk - Flagsmith - 機能フラグ管理により、リリースを速く出し、コントロールしましょう。
- @statsig/angular-bindings - Statsig Angular バインディングパッケージは、コンポーネントに注入できる
StatsigServiceを提供します。詳細は Statsig docs をご確認ください。 - @configcat/js-sdk - JavaScript 用の ConfigCat SDK は、アプリケーションに ConfigCat を簡単に統合できます。
- @configcat-labs/feature-flags-in-angular-sample-app - ConfigCatを使用する例アプリ。
- featurit-sdk-angular - FeaturIT フีチャーフラグ管理プラットフォーム向けの JavaScript クライアントの Angular ワッパー。
- ngx-feature-proxy - Unleashと組み合わせたAngular機能フラグライブラリ:最小の設定で反応型かつ型安全なフラグ管理を実現。
- ngx-feature-flags - Angularを第一に設計された、企業向けの機能フラグ層で、Angularアプリケーション間でフラグの解決、保護、レンダリング方法を標準化。
- ngx-feature-flags-toggly - Toggly フィーチャーフラグ向けの Angular SDK。
- ngx-circuit - booleanフラグやパーセンテージロールアウトなどの柔軟なオプションを用いて、機能トグル管理を簡素化。
- ngx-feature-toggle - このAngularディレクティブにより、機能トグルの管理を簡素化。
- @rollgate/sdk-angular - Rollgate フィーチャーフラグプラットフォーム向けの Angular SDK。このプラットフォームはスケジュールされたリリースと段階的な展開をサポートしています。
GraphQL
- apollo-angular - AngularおよびすべてのGraphQLサーバー向けの、完全に機能備えされた、生産環境対応のキャッシュ付きGraphQLクライアント。
- apollo-dynamic-angular - クエリ、ミューテーションおよびサブスクリプションに対して、デコレートされたスキーマを用いて動的選択セットを許容するApollo Angularのバリエーション。
- apollo-orbit - Angularにおける完全なGraphQLクライアントで、モジュラリーステート管理を備えている。
- buoy - Apolloをベースに構築されたAngular用のGraphQLクライアント。
- graphql-code-generator - GraphQLスキーマと操作に関するコードジェネレーターで、フレキシブルなプラグインサポートを備えている。
- ngx-graphql-client - Angularアプリケーション向けに型付けされたGraphQLクライアントで、完全なTypeScriptサポートを備えている。
- takeshape - TakeShape を使って GraphQL API を構築するのは簡単です。Angular との統合に必要な手順はこの guide をご確認ください。
HTTP
- ng-http-caching - AngularアプリケーションにおけるHTTPリクエストのキャッシュ。
- @ngify/http - 型付けされた反応型HTTPクライアントで、簡易化されたエラー処理とリクエスト/レスポンスのインターセプションを提供。
- ng-http-loader - スマートなAngular HTTPインターセプター - HTTPリクエストを自動的にインターセプトし、スピンキットスパナー/ローダー/進行バーを表示。
- angular-odata - AngularでODataリソースをクエリ、作成、更新、削除するためのフロントエンドAPI。
- ng-memento - Angularプロジェクト内で同じHTTPリクエ及を再度呼び出すのを防ぎ、アプリケーションのパフォーマンスを向上させる。
- ngx-suspense-of - アプリケーションにサスペンド(待ち状態)を追加するAngularディレクティブ。
- ngx-pwa - Angular PWAに関する追加機能を提供。特にPOST/PATCH/DELETEリクエストのキャッシュと同期を可能にする。
- ngx-repository - Angularプロジェクト内で、強力な型付けデータクライアント(HTTP RESTまたはFirestore)を簡単に作成できる。
- ng-rest-client - 開発者がメソッドデコレーターを使ってRESTful APIクライアントを定義することで、HTTPリクエストを簡易化するライブラリ。
- ngx-sse-client - Angular アプリケーション向けのシンプルな SSE (サーバー送信イベント) クライアント。
EventSourceの使用を置き換えます。 - @connectrpc/connect-web - Connect はプラットフォームを越えた API ライブラリを提供しています。@connectrpc/connect は TypeScript での型安全な Protobuf API を提供し、@connectrpc/connect-web はブラウザ対応を追加します。詳細は Angular example をご確認ください。
- ng-httpclient-easy-network-stub - Angular HttpClientから多くのネットワークリクエストをモックできる簡単なクラス。
- simply-direct - AngularとNestJSをリアルタイム、両方向通信で接続するフルスタック通信ライブラリ(WebSocketsで実現)。
- ng-error-handling - AngularでHTTP APIエラーレスポンスを管理するためのモジュール。
- active-connect - Node.js、Angular、WebSockets向けの接続フレームワークで、デコレーターとユーティリティを用いてリアルタイムクライアントサーバー通信を簡易化。
- ngx-signal-pagination - Angularでシグナルを用いたページネーション。
- ngx-http - 軽量なAngularライブラリで、型、静的値、ユーティリティ関数を提供することでHTTP機能を強化。
- ng-speed-test - インターネット接続速度をチェックする軽量なAngularライブラリ。
- ngx-interceptors - Angularアプリケーション向けの共通HTTPインターセプタを備えたライブラリ
- ngx-hal - HAL-formatted HTTP リクエストの処理をサポートするデータストアライブラリ。
- trpc-angular - このリポジトリは、tRPCベースのAngularパッケージを2つ提供しています:
@heddendorp/trpc-link-angularは HttpClient 用、@heddendorp/tanstack-angular-queryは反応型データ取得用です。 - my-http-resource - 状態、URLパラメータ、設定を管理することでリクエストを簡素化する反応型Angular HttpClientラッパー
- luminara - native fetchに基づく現代的で汎用的なHTTPクライアント。信頼性・スケーラビリティ・明確なアーキテクチャを実現。
- ngx-cachr - Angular向けの軽量かつシグナルベースのキャッシュライブラリ
- ngx-data-polling - Angular向けに宣言型かつ型安全にデータポーリングを扱うユーティリティを備えたライブラリ
- ngx-soap - アンガルのシグナル、スタンドアローンコンポーネント、現代機能に完全に適合する、軽量なSOAPクライアントを node‑soap に構築したもの
- ngx-http-fetch-tracking - Fetch APIバックエンド向けのアップロード進行状況を追跡するAngularライブラリ
- fetchquack - RxJS Observableラッパーとインジェクションコンテキストを備えたAngular用HTTPクライアント。軽量なFetchベースのストリーミング、SSE、アップロード・ダウンロード進行状況の処理を提供。
- ziflux - Angular 21+向けのゼロ依存、シグナルネイティブなキャッシュレイヤー。resource()にstale-while-revalidateを適用。即時ナビゲーション、バックグラウンドリフレッシュ、スピン表示なし。
- ng-signal-query - シグナルに基づく型安全なAngularクエリライブラリ。サーバー状態、無限クエリ、変更、キャッシュを高パフォーマンスで簡素化。
- api-caller - Angular向けのシンプルなAPI呼び出しライブラン。
- ngx-lite-cache - HttpClientインターセプタを用いてHTTPレスポンスをキャッシュするAngularライブラリ。冗長なリクエストを削減しパフォーマンスを向上。
- ng-qubee - 反応型URI(RxJS + Signals)、型付きページネーション、495以上テスト、マルチドライバー対応を備えたAngularクエリビルダー
- ngx-trpc-client - アナログの TRPC package のリワークされたフォーク
- zx-angular-lazy-resource - アンガルのシグナルベースの
resource()に用いるラズイヘルパー — 最初のアクセスまで読み込みを遅延し、最初に解決された値をプロミスとして待機 - @stitchapi/angular - ストリーミングを最優先としたStitchAPIのバインディング:
injectStitch/injectStitchStreamは、AngularのシグナルおよびRxJSのオブザーバブルとしてタイプとバリデーションされた呼び出しを提供し、レスポンスのデルタが到着するたびにリレンダー - angular-fetcher - 現代的でシグナルベースのAngularライブラリ。型安全なリモートAPIデータ管理をスムーズに実現。取得、変更、エラー追跡を反応的に処理。
- @some-angular-utils/paginator - シンプルで信頼性の高いページネーション。スライディングウィンドウ、ジャンプボタン、無効エッジ、CSS変数テーマの2つの入力。
- ngx-request-lock - HTTPリクエストのライフサイクルにUIフローをバインドするAngularライブラリ。
- ngx-api-client - この設定可能な
ApiServiceは、ベースURL、エラー、リトライ、ロード状態の処理に用いる一時的なHttpClientロジックを抽出し、標準化 - ngx-task - キャンセル、ライフサイクルクリーンアップ、明示的な並列ポリシーを備えたAngular向けシグナル第一の非同期アクション。
- ngx-smart-interceptor - 現代的なAngularアプリケーション向けの企業レベルの信頼性・耐性・知能を備えたHTTPインターセプタ。
マイクロフロントエンド
- angular-microfrontend-demo - Module Federation Vite + Angularは現在可能。
- backbase-micro-frontends - モジュールファジデーションを用いて、古くないアプリ(ウィジェット)と新しいアプリ(ジャーニー)が協働するプロトタイプ。
- micro-frontends-mindmaps - マイクロフロントエンド概念を要約したマインドマップ。
- ngx-mfe - Webpack 5 および plugin ModuleFederation でマイクロフロントエンドを扱うためのAngularライブラリ
Module Federation
- @module-federation/core - Module Federationは、複数のJavaScriptアプリケーション間でコードやリソースを共有できる概念です
- ng-dynamic-mf - Module Federationによる実行時動的モジュール
- module-federation-plugin - Angular CLI と Module Federation を統合したプラグインでマイクロフロントエンドやプラグインを読み込む
- webpack-module-federation-with-angular - Webpack Module Federationについて学ぶためのガイドと複数のAngularコードデモ
- Vite-module-federation-angular-test - AngularおよびAnalogJS( を介して)での のテスト;AnalogJSホストでのSSRの検証(プラグインSSRサポートは変動する可能性あり) Module Federation Vite @brandonroberts/angular-vite
- mfe-crossframework - Angularホスト、クロスフレームワークリモート、NxなしのModule Federationプロジェクト
- npm-mfe-live-reload - リモートマイクロフロントエンドが変更された際に開発モードでシェルを自動再読み込みするツール
モノレポ
- Moon - ウェブ向けのRustベースのビルドおよびモノリスリポジトリ管理ツール
- Nx - ローカルおよびCI環境でモノリスリポジトリを維持・拡張するための、統合ツールと高度なCI機能を備えたビルドシステム
- Turbo - JavaScriptおよびTypeScript向けのTurbopack(Rustビンダー)とTurborepo(ビルドシステム/モノリスリポジトリツール)
サーバーサイドレンダリング
- Official website - フレームワークに内蔵された新しいSSRパッケージのドキュメンテーション
- angular-prerender - Angularアプリケーションをプリレンダリングするためのコマンドラインツール
- analogjs - フルスタックAngularメタフレームワークは、Angularアプリケーションのサーバーサイドレンダリング(SSR)および静的サイト生成(SSG)をサポート
- analog-tools - AnalogJSに追加・拡張するためのユーティリティやライブラリのコレクション
- bot-ssr - ボット向けのSSR、ユーザー向けの即時CSR — 大規模なクロールツールに高速でクリーンなプリレンダリングされたHTMLを提供、 isbot がその力を支える
- ngx-sitemaps - Angularプリレンダリングされたルートからサイトマップを生成する
- ngx-bun - Bunのビルトインサーバーを使用したAngular 19以降向けの高性能SSR/SSGアダプタ
- ng-ssr-caching - Angular SSRにおけるサーバー側レンダリングページのキャッシュ
開発ユーティリティ
アクセシビリティ
- Official Angular ARIA - 一般的なWAI-ARIAパターンを実装するヘッドレスかつアクセシブルなディレクティブのコレクション
- digital.gov - アメリカ政府によるチーム向けアクセシビリティガイド
- WAI - W3C Web Accessibility Initiative(WAI)は、アクセシビリティを理解し実装するための基準およびサポート資料を開発しています
- webaim - ウェブアクセシビリティを意識した設計
- WAVE - ウェブアクセシビリティ評価ツール
- axe Accessibility Linter - HTML、Angular、React、Markdown、Vue、React Native向けのアクセシビリティチェック
- Angular Material CDK - a11y - a11yパッケージは、アクセシビリティを向上させるためのさまざまなツールを提供します
- PrimeNG Accessibility Guide - PrimeNGのアクセシビリティガイド
- astral-accessibility - Angularで書かれたオープンソースアクセシビリティウィジェット
- angular-vlibras - VLibrasを統合したAngularライブラリで、コンテンツをブラジルの手話(Libras)に自動翻訳します
- a11y-libraries - Angular向けの多様なアクセシビリティソリューション
- a11yguard - EAA / EN 301 549にマッピングされた実行時診断を含む、ゼロ依存のアクセシビリティツールキットを提供
- ulam - 現代ウェブ向けのアクセシビリティユーティリティ。ヴァンillaベースで、React、Remix、Vue、Angularのオプションアダプターを提供
- aria-reach - 共有コンポーネントライブラリ向けのARIAアクセシビリティ反パターン分析ツール
AI
- Official AI docs
- Official Angular CLI MCP Server Setup
- Official Angular Examples Repo - GenKit を使用したアンガルの例
- Official Angular Skills
- Official llms.txt file
- Official llms-full.txt file
- abbi-ng-ai-image-descriptor - AI生成画像の説明を提供するAngular用ウェブアプリ。OpenAI APIキーが必要です
- AGENT.md - ユニバーサルエージェント設定ファイル
- agentbridge - AIエージェントがアプリケーションコンポーネントを発見・相互作用・制御する方法を標準化するフレームワーク
- agent-rules-kit - AI用のCLIツールで、技術スタックのベストプラクティスをガイドするルールをインストール・設定します
- agentskit - AngularでAIエージェントを構築するための、組み立て可能なツールキットとヘッドレスチャットコンポーネント。ストリーミング、ツール、メモリ、RAGをサポート
- ago-sdk - AIエージェドをフロントエンドスタックに直接埋め込みることで、AGOはレスポンスをストリーミングし、ワークフローをトリガーし、UIをインタラクティブに操作します
- aitools.fyi - Angularで構築されたAIツール
- Angular code editor rules - Angularコードと作業する際の効果的なAIインタラクションパターンガイド
- Angularize - VibeでAngularアプリを、隣にいる人間の開発者がコードを書くようにします
- angular-nest-ai-kit - Nx で構成された Angular + PrimeNG(フロントエンド)と NestJS + Prisma(バックエンド)のモノリスリポジトリ向けのスキルとAIエージェント
- @full-stack-skills/angular-skills - AIコード生成エージェント向けのAngularフレームワーク開発スキル
- @Kobolden/angular-skills - Angular開発をAI支援コードスキルで強化。バージョン20以降の最新パターン、ベストプラクティス、例を含む。
- angular-vibe-kit - 任意のアンガルプロジェクトに、
CLAUDE.md、プロジェクトドキュメント、そしてあなたのアンガルバージョンに合わせたClaude Codeのスラッシュコマンドを組み込むことで、Vibeコーディングワークフローを開始 - augment code - プロフェッショナルなソフトウェアエンジニアと大規模コードベース向けに開発された最初のAIコードアシスタント
- CodingFleet - あなたの指示を効率的なAngularコードに変換する革新的なAIツール
- context7 - LLMおよびAIコードエディタ向けの最新コードドキュメンテーションを備えたMCPサーバー
- cursor.directory - Cursor愛好家にとってのホームページ
- deep-chat - あなたのウェブサイトに完全にカスタマイズ可能なAIチャットボットコンポーネント
- Feature Search Agent - Angular PR Scout - Googleのエージェント開発キット(ADK)で構築されたAIエージェントが、AngularのGitHubプルリクエストを自動検索・分析し、新機能を発見
- gitingest - 任意のGitリポジトリをコードベースのシンプルなテキスト要約に変換。これはLLMにコードベースをフィードする際に有用。
- glama - Angular関連のエントリをフィルタリングしたMCPサーバーのディレクトリ
- hashbrown - Hashbrown フレームワークは、楽しいAI駆動ユーザー体験の構築に用いられる
- mushi-mushi - AIで作成されたアプリを、編集画面内で英語の診断と即時使える修正で即座に修正
- ngAutoPilot - Angular、TypeScript、JavaScript、RxJS、テスト、コード品質、アーキテクチャ、バージョン管理、品質ガバナンスワークフロー向けのエージェントに依存しないマイクロスキルカタログ
- ng-mocks-testing-skill - Jestと
ng-mocksを使って、高品質なアンガルユニットテストを書くためのClaude Codeスキルのコレクション - ng-pr-review - AIによるコードレビューが実際にAngularを理解する
- ngx-agents-md - プロジェクトにAngularドキュメンテーションを追加して、AIコードエージェント(Claude Code、Cursorなど)に提供
- ngx-ai - OpenAI対応のチャットAPI(OpenAI、xAI Grok、または自作プロキシ)に適合した、RxJS対応のAngularクライアント。優先的にストリーミングをサポート。
- ngx-ai-devtools - アプリが消費するすべてのプロンプト、レスポンス、トークン、ドルをブラウザタブを離さずに確認
- ngx-bob - メッセージ、ローカル履歴、エラーハンドリング、コマンド、検索を備えたAngularチャットウィジェット
- ngx-gen-ui - Firebase AIを介して生成UIコンテンツをストリーミングするための軽量Angularディレクティブとサービス
- ngx-prompt-kit - Spartan UIをベースにしたAIチャットインターフェース向けのAngularコンポーネント
- ngx-quill-ink - TypeScriptエンジンとAngularのラッパーが、手書きのようにテキストストリームをアニメーションし、ビジョンLLMにペンストロークをキャプチャする
- ngx-testbox-agent-skill -
ngx-testboxテストパッケージ向けのAIエージェントスキル - point-grab - ウェブアプリの要素にポイントを当てることで、その全コンテキスト(HTML、コンポーネント名、ソースファイル、および親要素)を即座にMCPを介してAIエージェントに送信
- PureCode AI - PureCode AIでAngularアプリケーションUIを50%速く構築
- reangular - Reactライブラリを現代的なAngularライブラリに変換するコードエージェントスキル。完全な機能対応、自動ブラウザ検証、並列比較レビューを備える
- repomix - あなたのすべてのリポジトリを1つのAI対応ファイルに圧縮するツール
- rxjs-mcp-server - AIアシスタント(例:Claude)から直接RxJSストリームを実行、デバッグ、可視化
- senior-angular-architect - 上級レベルのAngularアーキテクチャに関する専門AIスキル
- superconnect - Figmaファイルをスキャンし、ReactまたはAngularリポジトリを探索し、
.figma.tsxまたは.figma.tsマッピングを生成し、FigmaのCLIを介してそれを公開するAIツール - Threadplane - AngularネイティブのエージェントUIフレームワーク:ストリーミングチャット、持続可能なスレッド、中断、サブエージェント、計画、記憶、LangGraphおよびAG-UIバックエンド向けの生成UI
- UI2CODE - AIで秒単位でUIをコードに変換
- web-codegen-scorer - 大規模言語モデル(LLM)が生成したウェブコードの品質を評価するツール
- Workik - 無料AI搭載Angularコードジェネレーター|あなたのコンテキスト駆動AIパートナー!
- Yes Chat AI - Angular Ninja - Angular開発アシスタント
- Zipy - AI搭載Angularコードジェネレド
分析
- @blue-cardinal/ngx-google-analytics - Google AnalyticsスクリプトをインジェクトするAngularモジュール。開発環境での使用を防ぐためのセーフガードを備える
- clickstream-analytics-on-aws-web-sdk - 提供されたデータパイプラインを介し、ブラウザのクリックストリームデータをAWSに収集する
- Heap - 顧客の行動経路、変換、維持率を追跡するプロダクト分析
- kitbase - プロダクト分析および機能管理向けの開発プラットフォーム
- litlyx - オープンソースの分析ツール — 1行のコードでセットアップ
- @luzmo/ngx-embed - アンガルアプリケーションに Luzmo ダッシュボードを埋め込むためのライブラリ
- ngx-gtm - Googleタグマネージャー(GTM)を使用するための必須スクリプトタグを自動的にインジェクトするAngularライブラリ
- ngx-material-tracking - Angularサイト向けにGDPR対応のトラッキングを提供。内蔵Googleアナリティクス、Metaピクセル、カスタムオプションを備える
- ngx-matomo-client - Matomoアナリティクスクライアント(Angularアプリケーション用)
- ngx-meta-pixel - このパッケージにより、アンガルアプリケーションに Meta Pixel をセットアップできる
- ngx-piwik-pro - タグマネージャーとトラッキングを実装するための専用 Piwik PRO アンガルライブラリ
- oculr-ngx - Angularアプリケーションにおけるデータ収集を簡単に行えるアナリティクスライブラリ
- plausible - 軽量でオープンソースであり、プライバシーに配慮した分析ツール(SPA対応)— SPA support を参照
- rybbit - Google Analyticsのプライバシーに配慮した代替ツール;アンガル統合については guide を参照
- gizmo - GoogleアナリティクスへのAIネイティブな代替ツールで、競合他社に比べて無料プランが豊富
- ngx-segment-community - ngx-segment-analytics のコミュニティが維持する継承プロジェクト
- swetrix - ページビューの追跡、エラーのモニタリング、カスタムイベントのキャプチャ — すべてプライバシーに配慮し、GDPRに適合する Integrate Swetrix with your Angular application で実現
- @grandgular/logrocket-angular - LogRocket Web SDKをラップしたツール。DI対応の初期化、遅延読み込み、型付きオプション、プライバシー補助関数、データプライベート/データパブリック用DOMディレクティブを備えている
- ngx-umami - Umami AnalyticsをAngularへ統合する、軽量でプライバシー重視のトラッキングソリューション。
- takt-angular - idiomatic Angular用の-wrapper for Takt プライバシーに配慮した分析.
- inspect-ng-collector - Angularアプリケーション向けの包括的なフロントエンドテレメトリおよびモニタリングライブラリ
- ngx-piano - Piano AnalyticsをAngularアプリケーションへ統合するライブラリ。
コード解析
- angular-compiler-output - 指定されたAngularテンプレートのAngularコンパイラ出力(JavaScript)を確認
- angular-doctor - プロジェクト内のAngular固有のlint問題や不要コードをスキャンし、0~100のヘルススコアと実行可能な診断情報を生成
- angular-mermaider - メルマードデータフロー図を生成する静的コード分析ツール
- compuse - コードベース内のAngularコンポーネント使用状況を統合的に分析するAPI
- modulens - フロントエンドワークスペース向けのアーキテクチャ、構造、品質分析ツールのセット
- ngcompass - アーキテクチャ、パフォーマンス、SSR、セキュリティ、コード品質に対するAngularに適した静的分析ツール
- ng-di-graph - Angular TypeScriptコードベースを分析し、デプロイインジェクション関係を抽出するコマンドラインツール
- ng-lens - Node.jsツールで
ts-morphを使ってAngularコンポーネントを分析し、どのAPIライブラリからサービスの使用パターンを検出します. - ng-loom - Angularプロジェクトをスキャンし、アプリケーションのアーキテクチャ(コンポーネント、ディレクティブ、パイプ、サービス、ラッパー、インポート、インジェクション)を共有可能な、自己包含型の静的HTMLレポートとして出力するCLIツール
- ng-parsel - AngularコードベースをJSON抽象構造にパース - APIや分析の表示に最適
- ng-vitals - ヘルス、アーキテクチャ、維持性、現代化準備度を評価する静的分析ツール
- ngx-genie - デプロイインジェクションツリーの可視化、サービス状態の分析、コンポーネント間の関係の追跡、メモリやアーキテクチャ上の問題の特定を行うツール
- ngx-html-bridge - Angularテンプレートを静的HTMLに変換し、標準的なHTMLツールで信頼性の高い検証やlintを可能にする
- ngx-locator - Angular開発用ユーティリティで、ブラウザからコンポーネントとテンプレートを開きます。like LocatorJS.
- oxc-angular-compiler - Rustで書かれた高性能Angularテンプレートコンパイラで、 Oxc インフラを活用して高速コンパイルを実現.
- ts-analyzer - タイプセーフ、コードの複雑さ、品質に関する詳細なメトリクスを提供する、包括的なTypeScriptコードベース分析ツール
デバッグ
- Bugfender - リアルタイムでログとAngularエラーを収集するクラウドサービス
- ngx-debug-console - Angular 14以降アプリケーション向けのフローティングデバッグコンソールオーバーレイ
- ngrx-devtool - NgRxのステート管理を可視化・デバッグするための開発ツール
- ngx-dev-toolbar - Angularアプリケーション向けにブラウザ内での開発者プロダクティビティを高める強力な開発ツールバー
- omelet-angular-debug-panel - SQL活動、サーバータイミング、認証デバッグに関する可視化を提供するAngularデバッグダッシュボード
- angular-scan - Angularコンポーネントが再レンダリングされていることを自動検出・強調
- angular-render-scan - Angularの変更検知に向けた可視化デバッグオーバーレイ
- rxjs-leak-finder - Angularアプリケーション内で漏れてしまったRxJSサブスクリプションを検出する開発モードツール
- form-lens-angular - 開発中にアプリ内に直接、フォーム構造、コントロール状態、バリデーションエラー、ネストされたフォームツリーを確認
- allstak-angular - 未キャッチ例外、構造化ログ、ナビゲーションスパン、外部HTTPリクエスト、コンポーネントレンダリングタイミングをキャプチャ — スタンドアロンおよびNgModuleベースアプリケーションに第一クラスのサポートを提供
ドキュメントツール
- Storybook - 使いやすいUI開発環境
- Compodoc - Angularアプリケーションに欠けているドキュメントツール
- ng-doc - Angularプロジェクト向けドキュメントエンジン
- docgeni - Angularコンポーネントライブラリおよびマーカードキュメント向けの現代的・強力で即時使えるドキュメントジェネレーター
- ng-component-hierarchy-visualizer - ルート設定からAngularコンポーネドの階層をMermaid図として生成する、非侵襲的なツール
- easy-template-x-angular-expressions - Angular表現のサポート for easy-template-x.
- story-ui - AIによる会話でStorybookストーリーを生成し、コンポーネントドキュメントを自動化。多数のLLMプロバイダーと互換性あり
- envguards - フレームワークに依存しない環境変数検証、ドキュメント生成、および
.env.example作成. - ngmd - Angularドキュメントスタートアップ。マーカードファイルをドロップし、ルートを取得
- storybook-addon-angular-manifest - Storybook拡張機能で、ストーリーとCompodocドキュメントからAngularコンポーネントマニフェストを構築
IDE拡張
- AngularCliPlus - VS Code向けのAngular CLIコマンド、スキームジェネレーター、プロジェクトツール
- angular-code-quality-toolkit - VS Code extension でAngularコード品質ツール(depcheck, ts-prune, ESLint)を実行し、使われていないコードや依存関係をクリーンにします.
- Angular Dev Tools - Angularアプリケーションのデバッグおよびプロファイリングを行うためのブラウザ拡張
- Angular Extension Pack - この拡張パッケージは、最も人気のあるVS Code Angular拡張の一部をパッケージ化しています
- Angular File Generator - 直感的かつ高速なファイル生成でAngular開発を強化
- Angular Schematics Pro - Visual Studio CodeにおけるAngularの最高レベルコード生成
- Angular Schematics - Visual Studio Codeにおける最高レベルコード生成
- GraphLens - Angularプロジェクト用のインタラクティブなアーキテクチャ可視化ツール
- Ionic VS Code Extension - Ionicアプリ開発に必要なさまざまな機能を、VS Codeウィンドウから離れていない状態で実行
- mini-typescript-hero - 軽量で現代的なVSCode拡張機能。自動的にインポート宣言を管理します
- ngx-html-syntax - Angular HTML構文 for Sublime Text.
- ngx-translatorex - VS Code拡張機能で、Angularテンプレートとコンポーネント内のハードコーディングされた文字列を
ngx-translatei18nキーに抽出します. - Nx Console - コマンドライン引数を調べる時間を減らし、素晴らしい製品を迅速にリリースできるようになります
- Redux DevTools -
@ngrx/store-devtoolsと組み合わせて、あなたのNgRxアプリの状態を確認できます. - vscode-angulartools - AngularTools を使ってAngularプロジェクトを探索し、ドキュメントを強化し、コードを逆工程し、リファクタリングを行えます.
- VS Code Angular HTML - Angular HTMLテンプレートファイルに対するシンタックスハイライト
- vscode-angular-auto-import - テンプレート内で使用されたセレクタに基づき、欠落しているAngularコンポーネントインポートを自動的に提案・挿入
- zed-angular - この拡張機能はAngular Language Serviceを Zed に統合します.
ジェネレーターとスキャフォールディング
- angular-openapi-gen - ツリーシェイク可能で、シグナルネイティブAPIクライアント生成ツール
- angular-scaffold - 生産用プロジェクトに必要なすべてのツールを備えたAngularプロジェクトのスケルトン生成
- ngx-schematics-utilities - Angular Schematics向けの便利なユーティリティ
- abp - 企業向けアプリケーション向けのオープンソースASP.NET Coreフレームワーク(意見に基づくアーキテクチャ)
- LymeStack - 小さなチームが迅速にアプリケーションを構築・改善できるためのフルスタックWebアプリテンプレートとツールセット
- spiderly - (C#) 生成ツールで、あなたのEF Coreモデルをカスタマイズ可能な およびAngularアプリに変換します.
.NET.NET - generator-jhipster-ionic - JHipsterバックエンドと通信するIonicアプリを生成できる
- Node Initializr - アプリケーションの依存関係を迅速に収集し、初期設定の大部分を自動的に処理します
- nx - このプラグインはアプリケーションとライブラリの管理に必要なエグゼクタ、ジェネレータ、ユーティリティを提供します
- skulljs - 人気のJavaScriptおよびTypeScriptフレームワークを使用してウェブアプリケーションを構築するための標準化されたファイル構成を提供します
- teleport-code-generators - 現代的なJavaScriptアプリケーション向けのコード生成ツールのコレクション
- Bootify.io - カスタムデータベース、Angularフロントエンド、CRUD機能を備えたSpring Bootアプリを生成
- jangular-cli - JWT認証、Flywayマイグレーション、ルート保護、CLI設定を備えたSpring Boot + Angularのスタートキット
- enterprise-java-saas-starter-kit - Java 21、Spring Boot 3.4、Angular 21(スタンドアローン+シグナル)、MSSQL、JWT認証、Docker Composeを備えた、生産環境向けSaaSスタートアップ。
- SaaS Starter - JWT/OAuth/2FA認証、Stripe決済、マルチテナント、RBAC、BullMQ、Docker、Terraform、55以上テストを備えた、生産環境向けNestJS+Angular 21のSaaSテンプレート。
- JHipster - Spring BootとAngular向けのオープンソースアプリジェネレーター。
- ng-openapi - Angular OpenAPIクライアントジェネレーター。
- tmf - Node.js、Java、Angular/Reactにわたるモデル駆動型かつ型安全なデータモデルを実現する、Eclipse Modeling Framework(EMF)の軽量TypeScript版。
- polyfront-scaffold - 幅広い設定オプションを提供し、柔軟かつスケーラブルなAngularアプリを構築できるジェネレーター。
- orval - OpenAPI仕様に基づき、フロントエンドアプリケーション内で生成・検証・キャッシュ・モックを行う。
- angular-sitemap-generator - Angularプロジェクト用の
sitemap.xmlファイルを生成するツール。 - AutoFormsBuilderFilesGenerator - OpenAPI/SwaggerからAngularフォームを生成する
ng-openapi-genで、型強化、バリデーション、UIヘルパーを備えています. - ngx-autogen - Angular開発ワークフローを最適化し、ベストプラクティスコードを生成・反復的な設定作業を減らすためのスケミクスのセット。
- angular-momentum - 最小の設定で、モノリスリポジトリ内にAngularプロジェクトを迅速に立ち上げる。
- swaggular - Swagger/OpenAPI仕様からAngularサービスとモデルを生成するツール。
- prism - Litウェブコンポーネントから、React、Vue、Svelte、Angular、Solid、PreactのフレームワークラッパーおよびHTML/CSSの例を自動生成。
- momentum-cms - AngularベースのヘッドレスCMS。TypeScriptでコレクションを定義し、自動的にAdmin UI、REST API、データベーススキーマを生成。
- ng-openapi-signals - Signal-first OpenAPIクライアント生成ツール for Angular using
resource()andfetch(). - NGX View Builder - ドラッグ&ドロップによる低コードビルダーで、JSONでネイティブにレンダリングされるページ、ダッシュボード、フォームを視覚的に設計。
国際化
- angular-ecmascript-intl - 国際化データをIntl.*ブラウザAPIで変換するためのパイプを含む。
- angular-i18next - i18nextをAngularへ統合するライブラリ。
- angular-intlayer - Angularアプリケーションを国際化するintlayerパッケージ。Angular国際化用のコンテキストプロバイダーとフックを提供する。
- angular-locale-chain - AngularおよびTransloco向けのスマートロケールフォールバックチェーン。
- angular-translation-checker - 向けのツールで、使われていないまたは欠落したキーを検出し、i18nファイルをクリーンに保つ。
ngx-translate - Angular Translation Extractor - VS Code extension がテンプレートとTypeScriptからハードコーディングされた文字列を抽出し、
ngx-translateキーに変換し、ロケールJSONを生成・自動翻訳し、ローダーと言語選択機能を接続します - Crowdin - AIを活用したローカライゼーションソフトウェア。600以上のアプリとintegrationsを自動翻訳します
- doloc - あなたのAngularワークフローにおける即時翻訳
- I18N - Soluingが
.NET、AngularおよびDelphi向けに開発した国際化(I18N)APIのコレクション - i18n-egy - Signalsを活用した、現代的で軽量かつTree-shakableなAngular国際化ライブラリ。サーバーサイドレンダリングにも安全。
- i18n-keygen - すべてのビルドツールに型安全なi18nキーを提供。1つのパッケージ、ゼロのロックイン。
- i18n-scanner-toolkit - CSVインポート/エクスポートにより、翻訳の欠落を検出し、多言語コンテンツを抽出・管理。
- intl-tel-input-ng - Angularコンポーネントで簡単にintl-tel-inputを統合
- langsync - TypeScriptプロジェクトにおけるローカライズワークフロー向けのCLIツール。
- localess - AngularとFirebaseを使用して構築された強力な翻訳管理ツールおよびコンテンツ管理システム
- localive - React、Vue、Angular、またはSvelteアプリケーション内で実行中のアプリに直接テキストを更新し、JSONキーを検索せずに直ちにローカルファイルに変更を保存
- ng-extract-i18n-merge - Angularプロジェクト用のi18n xliff翻訳ファイルの抽出およびマージ
- ng-linguo - SignalStoreに基づく現代的なAngular 18+ i18nツールキット —
@ngx‑translate/coreおよびTranslocoへの完全な反応型、ゼロRxJSの代替ツール - ngx-atomic-i18n - AngularのLazy Loadingをサポートする翻訳ライブラリ
- ngx-bidi - Angularライブラリで、LTR/RTLのテキスト方向を自動または手動で制御するためのディレクティブ、
NgxBidiService、SCSSミックスイン、モジュール/スタンドアローンサポート - ngx-directo - Angular 18以降のSignalsベースライブラリによるRTL/LTR方向性、アラビア語ローカライズ、Google Fontの統合
- ngx-easy-i18n-js - Angular向けの簡単な国際化(i18n)ライブラリ
- ngx-g11n - アプリケーションの国際化およびローカライズを支援するAngularのヘルパー
- ngx-i18n-extract-regex-cli - Angularアプリから翻訳を抽出するための正規表現ベースのツール
- ngx-i18n-tools - Angularアプリケーションの翻訳ツール、Excel/XLIFFコンバーターを含む—ngx-xlf-xlsx
- ngx-localized-router - 軽量なAngularライブラリで、URLに言語セグメントを追加することでアプリケーションのルートをローカライズできる
- ngx-runtime-i18n - Angular向けの実行時国際化 — シグナルベース、SSR安全、フレームワークに依存しないコア
- ngx-signal-translate - シグナル駆動の翻訳サービス
- ngx-tolgee - 開発中のAngularアプリ内で直接翻訳できるウェブベースのローカライズツール
- ngx-translate - Angular用の国際化(i18n)ライブラリ
- @OGS-GmbH/ngx-translate - 軽量なAngular i18nライブラリで、RESTベースの設定、動的言語切り替え、柔軟な翻訳管理を提供
- ngx-translate-cut - Angularパイプによる翻訳の切り取り✂️ 🌍(
@ngx-translate向けプラグイン) - ngx-translate-lint - シンプルなCLIツールで
ngx-translateキーをチェック - ngx-translate-messageformat-compiler -
ngx-translateのコンパイラで、ICU構文を使用して複数形と性別を処理する翻訳をコンパイル messageformat.js - ngx-translate-module-loader - 高度にカスタマイズ可能で柔軟な
@ngx-translate/core用の翻訳ローダー - ngx-translate-multi-http-loader - ngx-translate用のローダーで、HTTP呼び出しにより翻訳をロード
- ngx-translate-phraseapp - AngularアプリケーションにおけるPhrase Strings In-Context Editorと
ngx-translateの統合を実現する公式ライブラリ - ngx-translate-routes - このサービスはタイトルとルートパスを翻訳する
- ngx-translate-toolkit - 大規模プロジェクトにおける翻訳管理プロセスを拡張し、簡便化するためのAngularライブラリ
@ngx-translate/core - ngx-translate-version - 言語ファイルにバージョン情報を提供するAngularモジュール
- ruci - Angularプロジェクトにおけるi18n検証を
ngx-translateで簡略化するCLIツールで、正確かつ高品質な翻訳を確保します - runtime-localizer - Angular用の実行時ローカライザ
- rust-ngx-translate-lint - パフォーマンス向上を目的とした
ngx-translate-lintのRust版 - signal-translate - シグナルを核心として利用する翻訳サービス
- Transifex - Angularコンポーネントを簡単にローカライズできるTransifex library extension。このライブラリはTransifex Native JavaScript SDKの機能を拡張しています
- TransLatte - Lingva APIを使用して翻訳JSONファイルを生成するCLIツール
- transloco - Angular用の国際化(i18n)ライブラリ
- transloco-keys-manager - Translocoを使用するプロジェクトから翻訳可能なキーを抽出します
- xlf-sync - Angular XLIFF(1.2 & 2.0)ロケールファイルを同期するためのCLIツール
Lint
- @ni/javascript-styleguide - ESLint用のNIのJavaScriptおよびTypeScriptのリントルール
- @yoo-digital/eslint-plugin-angular - Angular用のカスタムリントルール
- angular-eslint - すべてのツールを統合したmonorepoで、ESLintがAngularプロジェクトをリントできるようにします
- eslint-config-angular-strict - Angular開発用の厳格なルールを備えた現代的なESLint設定
- eslint-config-spartan - さまざまなESLintプラグイン向けに別々の設定(ミックスインと呼ばれる)を持つ意見のあるESLint設定
- eslint-plugin-angular-modern - 現代的で安全なAngular向けESLintルール
- eslint-plugin-ng-module-sort - AngularおよびNestJSのモジュール配列を自動ソートし、モジュールを清潔かつ整理された状態に保ちます
- ngx-html-bridge-markuplint - このライブラリは、Angularテンプレートを逆コンパイルしてHTMLに変換することでMarkuplintをリンクし、正確なリントと適切なソースマップ報告を可能にします
- eslint-config-neon - 包括的な共有可能なESLint設定
- eslint-config-angular - TypeScript対応、コンポーネント/テンプレートルール、アクセシビリティ、CSSリントを含む包括的なAngular ESLint設定
- linters - ESLint / StyleLintおよびその他のコード品質ツール向けの非常に厳格な設定のコレクション
- eslint-plugin-angular-class-ordering - Angularクラスメンバー(フィールドおよびメソッド)を一貫した順序に保ち、自動修正機能を備えたESLintプラグイン
- lint-a-lot - 現代的なFlat Configを使用するAngularプロジェクト向けの意見のあるESLintおよびStylelint設定
- neighbor - マークアップ、CSS、コピーに存在するアクセシビリティの問題を、リリース前に検出する
ネットワーク
- angular-http-server - シングルページアプリ(SPAs)向けのシンプルなhttpサーバー
- ngx-device-detector - Angular v7以降向けのデバイス、OS、ブラウザの詳細を検出するライブラリ
- ngx-offline-indicator - Angularアプリケーション内でユーザーのインターネット接続状態をシンプルかつカスタマイズ可能に通知する方法
性能
- angular-rust-compiler - Rustで書かれた高性能なAngular AOTコンパイラ。Angularコンポーネントとディレクティブの完全な静的コンパイルを提供
- detective - アーキテクチャレベルでのフォレインコード分析により、コードベース内の隠れたパターンを明らかにする
- esbuild Bundle Size Analyzer - esbuildバンドルの中身を可視化する
- hawkeye - JavaScriptバンドルを可視化・最適化するツール。モジュール、依存関係、パフォーマンスに影響を与えるアセットを明らかにする
- microwave - Angularの変更検知を簡単に最適化する
- ng-event-plugins - パフォーマンスに敏感なイベントに対して変更検知サイクルを最適化するための小さなライブラリ
- ng-queuex - Reactのようなスケジューラとシグナル駆動のディレクティブを備えた実験的なAngularエコシステム
- ng-reactive-lint - SignalsとRxJSを用いて最適な反応パターンを強制するAngular専用のリーダー
- ngx-idle-monitor - ユーザー活動を追跡し、セッションタイムアウトを管理し、タブ間でアイドル状態を同期するための軽量Angularサービス
- ngx-network-monitor - ネットワーク状態(オンライン/オフライン、接続品質(2G/3G/4G/5-5G)、ping遅延)をモニタリングするための軽量Angularサービス
- ngx-performance-diagnostics - 設定なしでAngularアプリケーション内のパフォーマンスボトルネック、過剰な変更検知サイクル、メモリリークを検出する
- ngx-script-optimizer - 第三者スクリプトの処理を高速化するための軽量Angularライブラリ
- ngx-unused - コードベースに宣言されているが使用されていないAngularクラスを検出する
- ngx-worker-bridge - AngularとReactの間の軽量でボイラープレートのない反応ブリッジ。Web Worker(専用および共有)を通常のメソッド呼び出しのように簡単にする
- rere-benchmark - フロントエンドフレームワーク間の反応性とレンダリングのパフォーマンスを評価するベンチマーク
- sonda - JavaScriptおよびCSSのユニバーサルな可視化ツールと分析ツール
ランタイム
- angular-compile - Angularの動的コンパイル。文字列をAngularコンポーネントに変換。
- deepequalspure - Angularプロジェクト向けのJavaScriptオブジェクトの深層等価サービス。
- lbx-change-sets - 拡張可能なベースリポジトリを使用して、エンティティの変更を自動的に追跡。
- ng-noop - カスタムランタイム、CLIs、サーバー、実験的なレンダラー向けの最小限のDOMなしAngularプラットフォーム。
- ngx-api-mimic - このライブラリは、AngularのHTTPインターセプターを使ってデータをモックし、仮のAPIをシミュレートできます。
- ngx-compare-object - Angularでオリジナルオブジェクトと変更後のオブジェクトを比較するユーティリティ。
- ngx-json-reader - Angular 17以降のJSONリーダー/エディタで、複数URLの比較と差分を提供。
- runtime-config-loader - Angularが実行時設定に必要な構成JSONファイルを簡単に読み込むためのライブラリ。
- worker-bridge - AngularとReactをウェブワーカーで橋渡しするシンプルな反応メソッドとボイラープレートなし。
SEO
- @davidlj95/ngx-meta - SSR対応で、Angularサイトのメタタグ、Open Graph、Xカード、JSON-LDを迅速に設定。
- ngx-seo - Kwerri OSS: samvloeberghs.be + ngx-seo.
- Angular React SEO - Angular & React Examples SEO(検索エンジン最適化)。
- unhead - Angularアプリケーション向けのフルスタック
<head>管理
スタイリング
- Angular-Material-Tailwind-Integration - マテリアルデザインシステムのトークンをTailwind CSSユーティリティクラスにマッピングする、安定したテーマ可能なCSSカスタムプロパティセット。
- element-identifier - 信頼性の高い、一意なCSSセレクタを作成してDOM要素をターゲットにし、視覚的に確認・選択できるウェブコンポーネントを活用。
- Material Theme Builder - アプリケーション向けのリアルタイムAngular Materialテーマ。
- ngx-angora-css - ページ読み込み時にスタイルを動的に生成するJavaScriptベースのCSSフレームワーク。
- ngx-classed - 状態に基づいてクラスを動的に追加または削除できるライブラリ。
- ngx-css - Squid CSSのAngularアブストラクション
- ngx-mq - シグナルとネイティブのmatchMedia APIを用いてメディアクエリを管理する宣言型ライブラリ。Tailwind、Bootstrap、Angular Materialの組み込みブレークポイントプリセットを備えています
- ngx-responsive-signals - Angular向けのシグナルベースのレスポンスブレークポイント。
- ngx-theme-stack - 現代的な、SSR対応のAngularライブラリで、Angularシグナルを使ってダークモード、ライトモード、カスタムテーマを管理。
- panda - Panda、CSS-in-JSフレームワークをAngularで簡単に使用できる、その専用のintegration
- prime-ng-theme-fe - PrimeNG向けの視覚テーマデザイナー。
- Super JSS - スーパージャバスクリプト・スタイルシートは、ブレークポイントとテーマをサポートする原子的なCSSを生成する、小さなAngularランタイムライブラリです。
- Theme-Kit - React、Vue、Angular、または任意のJavaScriptプロジェクトで一貫した使用を可能にする、デザイントークンを中央管理する統一されたデザイントークンSDKです。
- tokiforge - React、Vue、Angular、Svelteおよびvanilla JS向けのフレームワークに依存しないデザイントークンエンジンです。
- ukit-css - JITによるユーティリティファーストCSSエンジン — 任意のフロントエンドスタック(React、Vue、Angular、Svelte、Next.js、Astro、プレーンHTML)向けのTailwindスタイルのオンデマンドクラス生成です。
セキュリティと認証
認証
- angular-auth-oidc-client - OpenID Connect、OAuthコードフロー(PKCE)、リフレッシュトークン、およびインプレースフローをサポートするNPMパッケージです。
- angular-oauth2-oidc - AngularにおけるOAuth 2およびOpenId Connect(OIDC)のサポートです。
- angular-authentication - ユーザー認証および認可フローに関するベストプラクティスを示すAngularアプリケーションです。
- angularfire - Angular + Firebase。
- angularx-social-login - Angular 17向けのソーシャルログインおよび認証モジュールです。
- angular2-jwt - AngularアプリケーションにおけるJWTの処理を支援するヘルパーライブラリです。
- appwrite - あなたのAngular appをAppwriteで認証、データベース、ストレージ、関数などに統合
- auth0-angular - Auth0 SDK for Angularのシングルページアプリケーション。
- authon-sdk - AuthonのAngular SDK — サービス、ガード、インタセプター
- authress-angular - このパッケージは、Authress LoginClientの簡単な設定と登録用のモジュールのみを含んでいます
- @badisi/ngx-auth - Angularベースのデスクトップおよびモバイルアプリケーションにおける認証および認可サポートです。
- corbado - Integrate Corbado で Angular を使用してパスキーで認証を行う.
- fingerprint - Fingerprint Angular SDKは、FingerprintをAngularアプリケーションに簡単に統合するための方法です。
- frontegg-angular - Angular 用のホストされたログイン SDK;詳しくは quickstart を参照してください.
- FusionAuth Angular SDK - ログイン/登録、ログアウト、リフレッシュトークン処理をサポートするAngular SDKです。
- hanko - 次の quickstart をフォローして、オープンソースの認証およびユーザー管理ソリューション Hanko を Angular アプリに統合してください.
- keycloak-angular - Angularアプリケーション向けのKeycloakの簡単な設定です。
- lbx-jwt - ループバックアプリケーション向けのJWT認証を提供。トークン内にロールを格納し、リフレッシュ処理を実行。内部で再利用検出を実装しています。
- Logto - オープンソースの Auth0 代替品(OIDC/OAuth2/SAML).Angular quickstart.
- Melody Auth - その SDK は、状態やリダイレクト、トークン処理を自動化するため、Angular と melody の認証統合をスムーズに実現します.
- MojoAuth - パスキーを使用する最も簡単な方法: integrate.
- msal-angular - MSAL for Angular は、Angular アプリが 、Microsoft アカウント、およびソーシャルプロバイダーを介してユーザーの認証を行い、Microsoft サービス(例: )のトークンを取得できるようにします. Azure AD Azure AD B2C Graph
- ng-awesome-node-auth - Angular の Interceptor および Guards 用の awesome-node-auth.
- ngx-auth-client - Angularによる認証レイヤーで、シグナルベースの状態管理、関数型ルート保護、Keycloak統合を提供します。
- ngx-better-auth - Angular 20 以降向けの Better Auth のラッパー.反応型セッション処理をシグナルで提供し、観測可能な DI プロバイダー設定と現代的なガードを実現します.
- ngx-cognito-auth - OAuth 2.0認可コードフロー(PKCE)を使用したAWS Cognito認証を提供するAngular 21以降のライブラリです。
- ngxfire - Zoneless AngularFireの代替です。
- ngx-oauth - Angular 22向けのZoneless、シグナルベースのOAuth 2.1ライブラリです。
- ngx-webauthn - AngularにおけるWebAuthn APIの型安全かつ簡潔な抽象化を提供するライブラリで、標準型に加え、一般的な使用ケース向けのオプションプレセットを内蔵しています。
- omni-auth - Angular用の認証ライブラリで、認証フロー、ガード、エラーハンドリングの基本機能を提供します。
- otp-angular - Angular 20以降のアプリケーション向けに、軽量かつ高度にカスタマイズ可能で、依存関係を必要としないワンタイムパスワード(OTP)入力コンポーネントです。
- passlock - Angularおよびその他のフレームワーク向けの摩擦のないパスキー認証。
- @serhiisol/ngx-auth - Angular 20以降用の認証モジュール。
- Supabase - Angularでユーザー管理アプリケーションを構築する。
- SuperTokens - あなたの Angular アプリケーションを SuperTokens で認証するように設定してください.
- witspry-auth-ng-client - OAuth2認証をサポートし、PKCE(Proof Key for Code Exchange)を提供する、包括的なAngularライブラリ。
- zenuxs-oauth - 現代アプリケーション向けのユニバーサルOAuth 2.0 + PKCEクライアント。
- zitadel - アプリケーションの安全な認証管理。成長に応じてカスタマイズ可能で、簡単なAPIとプログラマブルなワークフローを備えています。成長に集中し、ログインは安心です。
決済
- adyen-angular-online-payments - Angular/Expressベースのウェブサイトで、カード、ウォレット、および地元の支払い方法を用いて決済を受け付ける。
- angular-spotflow-checkout - Spotflow Angular SDK により、ユーザーはスムーズなチェックアウト体験で支払いを行うことができます.
- google-pay-button - Google Payボタン - React、Angular、カスタムエレメント。
- ngx-hyperpay - HyperPay パイプゲートウェイの簡単な統合用の Angular ライブラリ.
- ngx-mp-payments - Mercado Pago との統合用の Angular ライブラリ.
- ngx-stripe - StripeJS および Stripe Elements との Angular バインディング.
- ngx-supabase-stripe - Supabase + Stripeの支払い・サブスクリプション向けの、事前準備済みのAngularコンポーネント。
- solidgate - Angular SDKにより、Solidgate支払いフォームを追加できます。
ロールベースアクセス制御
- casl-angular - 同士の権限管理ライブラリ CASL を Angular に統合するモジュール.
- nblocks - 認証、支払い、サブスクリプション、機能、ロール管理を一元的に管理できるコントロールセンター。
- ngx-can-i - Angular開発者向けの権限管理を支援するパッケージ。
- ngx-permissions - Angularアプリケーション(AOT、lazyモジュール対応)向けの、権限とロールに基づくアクセス制御。
- ngx-role-accessor - エンタープライズレベルのAngularベースのロールベースアクセス制御(RBAC)ライブラリ。
- ngx-signal-permissions - TypeScriptを完全にサポートし、現代的なシグナルベースのAngularライブラリで、権限とロールの管理を実現。
- ngx-smart-permissions - 軽量で開発者フレンドリーなAngularライブラリで、スタンドアローンコンポーネントおよびNgModulesをサポートし、ロールと権限に基づくアクセス制御を提供。
- ngxsmk-gatekeeper - Angular向けの軽量で開発者フレンドリーなミドルウェアエンジンで、ルートとHTTPリクエストのセキュリティを一つのコンポジブル設定で実現。
- permit - Angular との利用可能な認可-as-a-service ソリューション.
- ng-ability - Angularにおけるアクセス制御リストを定義する
- urbac - 完全で、生産環境に適したテンプレートを提供し、数分で安全で複数レベルのアクセス制御システムを構築できる
- rulegate - ローカル第一、プロバイダーに依存しない認可:
.NETおよび Angular 用.
セキュリティのベストプラクティス
- Official Angular Security - ベストプラクティス
- Aikido - コード、クラウド、実行環境を1つの中央システムで保護し、脆弱性を自動検出・修正できる
- GitHub Code Scanning - GitHubのコードスキャン機能の基本概念を学ぶ
- GitHub Skills - コードセキュリティおよび分析に関するガイド付きインタラクティブチュートリアルが提供されている
- HackTricks - Angularセキュリティチェックリスト
- SafeDep - オープンソースコードに存在する脆弱性やマルウェアを継続的にスキャンし、セキュリティエンジニアチームが継承されたOSSリスクを事前に対応できるよう支援
- Snyk - 開発ツール、ワークフロー、自動化パイプラインに直接統合された開発者向けセキュリティプラットフォーム
- Socket - 開発者中心のセキュリンプラットフォームで、脆弱なおよび悪意ある依存関係からコードを保護
- supply-chain-inspector - npm依存関係の供給チェーンセキュリティ分析に用いる、独立したゼロ依存のNode.jsスクリプト
- Vulert - オープンソース依存関係内の脆弱性を検出することでソフトウェアを保護—コードにアクセスせず、JavaScript、PHP、Java、Pythonなどに対応
状態管理
NgRx
- Official website
- Official GitHub repository - Angularにおける反応型状態
- ngrx-course - Angular大学完全ガイド
- ngrx-store-localstorage -
@ngrx/storeとローカルストレージの間のシンプルな同期 - ngrx-toolkit - NgRx Signal Storeへのさまざまな拡張機能
- ngrx-traits - NgRx Traitsは、アプリケーション全体でNGRXアクション、セレクタ、エフェクト、リダクタのセットを構成・再利用できるようにするライブラリ
- ngrx-addons - NgRxのアドオンを収録したコレクション、其中包括、状態の永続化
- ngrx-store-storagesync - localStorage/sessionStorageと
@ngrx/store間の高度にカスタマイズ可能な状態同期ライブラリ - ngrx-wieder - NgRxとImmer.jsを用いたAngularにおける軽量の取り消し・再実行機能
- ngrx-immer - NgRxのメソッドであるcreateReducer、on、ComponentStoreに常にラッパーが存在する
- ngrx-rtk-query - Hooksを使ったRTK QueryがAngularアプリケーションで動作するようになる
- angular-ngrx-nx-realworld-example-app - Angular 21、NgRx 2、Nx 22で構築された実世界のアプリケーション
- ngx-view-state - NgRxでロード/成功/エラーの処理を行うためのライブラリ
- store-service - AngularコンポーネントとNgRxストアの間にある抽象化層/ファサードを提供
- ngx-signal-store-query - シグナルストア機能が Angular Query と連携する機能.
- SmartNgRX - NgRxを抽象化することでCRUD操作を簡易化するライブラリであり、既存のNgRxコードを活用・サポートする
- ngrx-hateoas - HATEOASアプローチに基づき、NgRx Signal StoreにHypermedia JSONを導入するライブラリ
- ngrx-http-tracking - 既存のストアと統合することで、ボイラープレートを削減し、HTTPリクエストの状態(ロード、成功、エラー)を簡易に扱えるようにする
- ngrx-set - 非同期リクエストのアクションを作成し、成功、失敗、中止のいずれかを扱うことを簡易化する
- easy-ngrx-distinct-selector - 引数と結果値に対して同等の関数を提供する、簡単に
@ngrx/storeセレクタを作成できる関数を提供 - ngrx-store-wrapper - AngularでNgRxの状態管理を行うライブラリで、セッションとローカルストレージを内蔵しており、手動のアクションやリダクタは不要
- ngx-rehydrate - Angular SSRアプリケーション向けのNgRx状態再読み込みライブラリ
- ngrx-offline - NgRxを使用するAngularアプリケーションで、持続的、最適化された、オフライン変更を処理する
- ngrx-graph - JSONおよびDOT/SVG依存関係図を生成するCLIスキャナー
NGXS
- Official website
- Official GitHub repository - NGXSは、最小限のボイラープレートとメンテナンスで状態管理を簡易化する
- action-lifecycle-hooks - アクションの結果(成功またはエラー)に基づいてコードをトリガーするのを簡単にする—手動のアクション接続を必要としない
- actions-executing - このプラグインにより、アクションが実行中かどうかを簡単に確認でき、UI要素やコードの制御フローを制御できる
- emitter - アクションに依存しない新しいパターンを提供し、アクションから自由に感じられるようになる
- firestore-plugin - NGXS用のFirestoreプラグイン
- ngxs-postmessage-plugin - ウィンドウ間またはマイクロフロントエンド間の状態同期を
postMessageで実現する NGXS プラグイン. - ngxs-synchronizers - NGXSベースのアプリケーションの状態を外部データソースと同期するのを簡易化する
その他の状態管理ライブラリ
- ng-simple-state - AngularにおけるサービスとRxJSのみで構成されたシンプルな状態管理
- exome - 深くネストされた状態に対応するプロキシベースのシンプルな状態マネージャー。Angular SignalsとRxJSと互換性あり。
- TanStack Query - ウェブ向けの強力な非同期状態管理、サーバー状態ユーティリティ、データ取得
- state-adapt - 宣言的かつインクリメンタルな状態管理ライブラリ
- mini-rx-store - 反応型状態管理プラットフォーム
- ngx-collection - Angular用のコレクション状態管理サービス
- xstate - 複雑なアプリロジック向けアクターベースの状態管理とオーケストレーション
- signalstory - Angular Signalsに基づいた状態管理ライブラリ。シンプルなリポジトリ、解離されたコマンド、副作用、イベント駆動アーキテクチャによるストア間通信をサポート。
- ngx-sherlock - @politie/sherlock ディストリビュートされた反応型状態管理ライブラリと連携する Angular ツールキットライブラリ.
- tansu - 軽量で、プッシュベースの状態管理ライブラリ。 the Angular ecosystem とよく働き合う。
- @tethys/store - Angular向けのミニサイズながらも強力な状態管理ライブラリ
- ngx-crud - AngularにおけるCRUDサービス。中断、キャッシュ、観察を簡単に実現。
- @ng-state/store - NgRxにインスパイアされたAngularアプリケーション向け、RxJSとImmer(またはImmutableJs)を活用したネスト状態管理
- ng-simple-state-management - Angularアプリケーション向けのシンプルな状態管理実装
- ngx-statewise - NgRxまたはNGXSへのシンプルな代替としての状態管理ライブラリ
- signaltree - Angularアプリケーション向けの強力で型安全かつモジュラーなシグナルベース状態管理ソリューション
- ngx-simple-signal-store - 読み取り専用インターフェースを持つシグナルストアのシンプルな作成方法
- angulator - 軽量な Angular mediator ライブラリで、アプリケーションのさまざまな部分間の通信を、リクエスト/レスポンスおよび通知/ハンドラーパターンで簡易化する。
- ngx-query - バックエンドとUI間のサーバー状態、キャッシュ、同期を管理する軽量な可観測ベースのクエリライブラリ
- @tanstack/angular-db - TanStack DB用のAngularフック。反応型クライアントストアにより、バックエンドに依存しないリアルタイムデータ層を活用した高速かつ同期駆動アプリケーションの構築を可能にする。
- usm - Angularと互換性のあるモジュラー状態管理ライブラリ
- ngx-mxstore - 論理を純粋かつテスト可能なメソッドに移し、コンポーネントをデコレータでストアに接続することで、状態管理を簡略化。
- ngx-stashr - Angular 21向けの軽量なシグナル駆動状態管理ライブラリで、Reactの Zustand をインスピレーションとしている。
- ngx-event-bus-lib - アプリケーションのどこかで強制型タイプのイベントをブロードキャストし、宣言的に反応できるようにする — サービス、DI、プロバイダー、RxJS、シグナル、または緊密な結合なし。
- rs-x - 反応型エンジンで、同期と非同期データを1つの透過的なモデルに統合し、Angularにおける細かい自動変更検出を実現。非同期処理を手動で行わずに、Angularで高精度な変更検出を提供。
- stateloom - 信号駆動型の反応性コアを備えたユニバーサルなステートマネジメントSDK。Store、Atom、ProxyなどのパラダイムアダプターやReact、Angularなどへのフレームワークアダプターを備えている。
- ngx-state-crafter - Angular向けに軽量で、信号駆動型のステートライブラリ。シンプルで、ボイラープレートを一切必要としないAPIを提供。
- coaction - 高パフォーマンスかつマルチスレッドを実現するウェブアプリケーション向けの効率的で柔軟なステートマネジメントライブラリ。
- flurryx - RxJSストリームを構造化されたキャッシュ対応ストアに変換する、信号中心の反応型ステートツールキット。
- ngStato - Angular向けに、RxJSではなくasync/awaitを使用したステートマネジン。
- ng-eagleeye.js - フレームワークに依存しない、ネイティブJavaScriptの不変ステートマネージャー。変更ストリームを備え、どこでもデプロイ可能。
- ngx-deep-signals - 深層反応型で、ゼロボイラープレートのネストステート。任意のオブジェクトを信号グラフに変換可能。呼び出し、セッター、ボイラープレートなし。
- editate - 実験的で型安全かつフレームワークに依存しない、小型(5kB+)のcontenteditableステートマネージャー。
- sdux-vault - フレームワークに依存しない、決定論的なステートマネジメントシステム。
- ngx-tosijs - 驚くほどシンプルなAngular向けステートマネジメント。そしてAngularから離脱するための選択肢。
- ngx-zero - シグナルを優先し、ゾーンなし対応可能な Angular バインディング。 Rocicorp Zero、一般用途の同期解決策をサポート。
- ng-craft - 信号ベースのAngularツールキット。ステート、非同期処理、サービス、フォーム、依存注入、ルートを明示的な依存関係と強力なTypeScript推論でモデル化。
テスト
E2E
- Cypress - Angular向けのエンドツーエンドおよびコンポーネントテスト。
- cypress-harness - このライブラリは、コンポーネントテストハーネスにCypressのサポートを提供。
- cypress-angular-commands - 現代的なAngularエンタープライズおよびERPアプリケーション向けに、再利用可能なCypressカスタムコマンドのコレクション。
- lib-e2e-cypress-for-dummys - ユーザーに親しみやすいエンドツーエンドテストソリューション。
- testcafe - Node.js向けの次世代ブラウザおよびモバイル自動化テストフレームワーク。
- webdriverio - Playwrightのe2eテストをAngularワークスペースで実行するためのツール。
- Puppeteer Angular Schematic - AngularプロジェクトへPuppeteerベースのE2Eテストを追加する。
- ngx-playwright - Angular向けのSchematicsパッケージで、プロダクション用のPlaywright E2Eテストアーキテクチャの自動設定を実現。
- ngx-playwright-schematics - Angularのスケマティクスパッケージで、生産用のPlaywright E2Eテストアーキテクチャの設定を自動化します。
- playwright-ng-schematics - AngularプロジェクトにPlaywright Testを追加します
- playwright-coverage - v8のカバレッジを使用してPlaywrightテストのカバレッジを報告します。インストルメンテーションを必要としません
- Cypress to Playwright - CypressからPlaywrightにテストセットを移行するのに役立つリソースのコレクション
- Playwright Chrome Recorder - ChromiumレコーダーのタブデータをPlaywrightテストにエクスポートします。これにより、現代的なPlaywrightに調整できる良いスタート地点を提供します
- playwright-mcp - Playwrightを使用してブラウザ自動化を提供するモデルコンテキストプロトコル(MCP)サーバー
- twd - インブラウザテストランナーで即時フィードバック、Testing Libraryサポート、Viteの発見、および組み込みAPIモックを提供—フレームワークに依存せず、Angularで簡単に使用できます
コンポーネント
- Angular Testing Library - DOM Testing Libraryを拡張し、Angularコンポーネント向けに特化したAPIを導入します
- @jscutlery/playwright-ct-angular - Playwright Angularコンポーネントテスト
- ngx-speculoos - よりシンプルでクリーンなAngularユニットテスト
- Meticulous AI - アプリケーションの1000以上のエッジケースをカバー—1つのテストを書くことや維持することなく。
- Jasmine - シンプルなJavaScriptテスト
- docker-ng-cli-karma - ChromeでKarmaを実行できるAngular Dockerイメージ
- Jest - シンプルさに焦点を当てた魅力的なJavaScriptテストフレームワーク
- jest-preset-angular - Angularプロジェクト用のJest設定プリセット
- jest-preview - Jestテストをデバッグ。簡単に。
- jest-marbles - Jestでマーボールテストを行うためのヘルパーライブラリ
- jest-codemods - Jestに移行するためのCodemod
- ts-jest - TypeScriptで書かれたプロジェクトをテストできるJestトランスフォーマー(ソースマップ対応)
- Vitest - Viteネイティブのテストフレームワーク
- Early AI - Earlyの自動生成・検証・検証されたユニットテストにより、時間を節約し、コードカバレッジを高め、品質を確保します。JestおよびVitestと互換です。
- swc-angular - これは、JestまたはVitestとSWC(Speedy Web Compiler)を使用するためのAngularのプリセットセットです
- swc-angular-plugin - SWC(Speedy Web-Compiler)は非常に高速なJavaScript/TypeScriptコンパイラですが、Angularをサポートしていないため、このプラグインが必要です
- vitest-browser-angular - このコミュニティパッケージは、Angularコンポーネントを Vitest Browser Mode でレンダリングする。
- @MRinaldi9/vitest-browser-angular - 公式の
vitest-browser-angularライブラリの独立したフォークで、オリジナルプロジェクトとは共有されない隔離実装を備えている。 - wdio-harness - WebdriverIOによるAngularコンポーネントテストハーネスのサポート
- testronaut - モックや推測を除去することで、 Testronaut は開発者が出力の可視化とPlaywrightの強力なAPIを使って正確なテストを書けるようにする。
ヘルパー
- Official Angular Material CDK Testing -
@angular/cdk/testingはAngularコンポーネントのテストを支援するインフラを提供する。 - ng-mocks - Angular用のテストライブラリで、コンポーネント、ディレクティブ、パイプ、サービスをモックし、TestBedの設定を支援します
- ng-mocks-sandbox - ng-mocksを使用したAngularアプリケーションにおけるユニットテストのガイドと例を提供するリポジトリ
- spectacular - Angularアプリケーションおよびライブラリ向けのテストハーネスを提供します
- ngx-page-object-model - このライブラリは、ページオブジェクトモデル(POM)を用いてAngular UIコンポーネントのテストを簡便にし、テストロジックとDOM操作を分離することで、より良い抽象化を実現します
- ngtx - Angular Testing Extensionsは、Angularコンポーネントのテストを簡単にするための小さな関数セットです
- ngx-testing-tools - Angularアプリケーションのテストに高レベルのユーティリティを提供し、テストのボイラープレートを削減します
- stryker-js - JavaScriptおよびその他の言語向けのミュテーションテスト
- msw - ブラウザおよびNode.js向けのREST/GraphQL APIモック用のシームレスなライブラリ
- msw-lens - AIが読み取れるプロジェクト状態のスナップショットを生成するツールで、モックAPI、アクティブなシナリオ、コンテキストを、手動説明なしでどのモデルも理解できます
- shallow-render - 浅いレンダリングと簡単なモックにより、Angularのテストを簡単に行えます
- ngx-testbox - Angularアプリケーション向けの包括的なテストユーティリティライブラリで、テストの作成を簡素化し、テストの信頼性を向上させます。ユニットテスト、統合テスト、E2Eテストにこのライブラリが役立ちます
- ng-automocks - Jestを使用して、コンポーネント、ディレクティブ、パイプ、モジュール、サービスの自動モックを生成することで、Angularのテストを簡素化し、手動のスタブを削除します
- jest-angular-test-verifier - Angularコンポーネント、サービス、ディレクティブ、その他ファイルタイプがテストファイルを持っているかを確認するJestレポート
- ngx-api-mocks-interceptor - 強力なAngular HTTPインターセプターで、APIレスポンスをモックし、動的データ生成、パスマッチング、レスポンス遅延、シミュレートされたファイル操作をサポートします
- testing-library-queries - DOMクエリをスムーズに実行するための、合成可能で連鎖可能なAPI、TypeScript対応、CSSセレクタヘルパー、簡潔な構文、再利用可能なクエリロジック、フレームワークに依存しない互換性を提供します
- ArchUnitTS - JS/TSプロジェクトでアーキテクチャルールを強制し、循環依存を検出し、コード標準を検証するツール。簡単な設定とシームレスなテストフレームワーク統合を提供します
- qc-auto-package - Angular向けの手軽で信頼性の高いテストID — テスターが管理し、コードに依存せず
- ng-magic-test-bed - Angularのテストベッドワッパーで、スペックファイルに多くの不要なコードを削除できる.
- schmock - OpenAPI仕様または手作りルートから、プラグインパイプラインとフレームワークアダプタを使って呼び出し可能なモックAPIを作成できる.
- vitest-auto-spy - jest-auto-spies のドロップイン置き換え。
サイトテンプレート
無料テンプレート
- ng-matero - Angular Materialの管理ダッシュボードテンプレート.
- coreui-free-angular-admin-template - CoreUI Angularは、Bootstrap 5に基づく無料のAngular管理テンプレート.
- devextreme-angular-template - DevExtreme Angularコンポーネントに基づくレスポンシブアプリケーションレイアウトテンプレート.
- QuickApp - ASP.NET Core / Angularのスタートアッププロジェクトテンプレートで、完全なログイン、ユーザーおよびロール管理を提供。さらに、クイックアプリ開発に必要なその他のユーティリティサービスも備えている.
- material-pro-angular-lite - MaterialPro Angular Liteは、WrapPixelから提供される高品質な無料Angular Materialテンプレート/テーマです。個人プロジェクトおよび商業プロジェクトのダウンロードと使用が可能です.
- spike-angular-free - Spikeは、Material Angularに基づく最も強力で包括的な無料Angular管理テンプレートです.
- Flexy-admin-angular-lite - Flexyは、Material Angularに基づく最も強力で包括的な無料Angular管理テンプレートです.
- angular-quickstart - Netlifyへの迅速なデプロイを可能にする、極めてシンプルなAngularテンプレート.
- template-angular - Phaser 3 TypeScriptプロジェクトテンプレートで、AngularフレームワークとViteを使用してバンドルを行う.
- angular-ngrx-frontend - Symfony(または類似)バックエンドに合わせたAngular NgRxを活用したフロントエンドテンプレート.
- zen - Nest + Prisma + Apollo + AngularのフルスタックGraphQLスタートアップキット.
- Colorlib
- HTMLrev
- tailkit-starter-kit-angular -
Tailkit UIコンポーネントをプロジェクト内で即座に使用できるAngularスタートアップキット。 - angular-tailwind - AngularとTailwind CSSを用いた管理ダッシュボードスタートアップキット.
- angular-starter-kit - Prettier、リーダー、Git-Hooks、VS Code設定が事前設定されたAngularプロジェクトテンプレート.
- fractal-boilerplate-lua-angular - 基本的なAngularとLua - FiveMのブレーカー:ホットビルドとユーティリティスクリプトを備えたウェブおよびゲーム内開発用の簡易スタートアップキット.
- angular-sample-app - Descope をログイン、ユーザーダッシュボード、動的ナビゲーションで統合したサンプルAngularアプリ。
- berry-free-angular-admin-template - Berryは、カスタマイズ可能で機能豊富なページを備えた無料Angular + Bootstrap 5の管理ダッシュボードです。
- gradient-able-free-admin-template - Gradientable無料Bootstrap、Angular、React管理テンプレート.
- mantis-free-angular-admin-template
- datta-able-free-angular-admin-template
- sanity-template-angular-clean - Sanity からコンテンツを取得するシンプルなAngular SPA。
- angular-templates - 一般的なウェブアプリ向けのAngularテンプレートのセット.
- LightNap -
ASP.NETCore Identity、JWT管理、管理者認証機能を備えたフルスタックSPAスタートアップキット。 - Angspire - Angular +
.NETのモノリソープテンプレートで、内蔵された認証、テーマ、スケーラブルな基礎を備え、開発を速くする。 - keycloakify-starter-angular-vite - AngularとViteのスタートアップテンプレート( Keycloakify 11 用)。
- extreme-angular - クリーンで維持性・アクセシビリティの高いウェブアプリ開発に必要なベストプラクティスを強制する、事前設定された開発ツールを備えたスタートアップテンプレート。
- @wlucha/angular-starter - Angular 19 Starter に Storybook、Transloco、Jest、Cypress、Docker、ESLint、Material、Prettier を組み合わせたもの
- dataclouder-template-angular - Firebase 認証統合を備えた即時使用可能な Angular/Ionic テンプレート
- signal-admin - Angular 20 の管理パネル(Material + Tailwind)でレスポンシブレイアウト、サイドバー、ユーザー管理、UI コンポーネントを備えたもの
- ngXpress - フルスタック Angular スターター(SSR、Zoneless、Express 5、Prisma、better-auth、Tailwind CSS 4)
- spartan-stack-starter - Spartan Stack を使用した意見の一致したテンプレートプロジェクトスターター
- jet - 品質の高いウェブアプリを高速に構築できる Angular スターター・キット
- free-angular-tailwind-dashboard - 無料でオープンソースの Angular + Tailwind CSS 管理パネルで、必須の UI コンポーネントと事前作成されたページを備え、スムーズで現代的なインターフェースを実現
- hanko-angular-express-starter - Hanko 認証を Angular と Express に統合したスターター
- ng-ultimate-base - Angular 20 テンプレート(Angular Material UI、Tailwind CSS、i18n、ESLint、Prettier、Husky、CI/CD)
- angular-dev-enhanced - Vite、Vitest、ESLint、Prettier を備えた即時使用可能な Angular スターター—クリーンで現代的な開発に最適
- angular-realworld-example-app - RealWorld スペックおよびAPIに従った現実世界の例(CRUD、認証、高度なパターンなど)を含むAngularソースコード。
- angular.ng - Angular と Supabase を使用したオープンソースの生産性ダッシュボード
- angluar-crm - コンタクト管理、取引トラッキング、分析を備えた Angular CRM テンプレート
- ngx-admin-v20 - この管理パネルで、現代的な Bootstrap 5 UI と SASS カスタマイズ、再利用可能なコンポーネント、スリーマテリアルテーマを楽しめます
- nestjs-angular-starter - ネストJS バックエンドと Angular フロントエンドを備えたフルスタックスターターテンプレート。認証、ユーザー管理、共通インフラパターンを含む
- AngularTemplate - この Angular テンプレートは、構造化されたアーキテクチャ、ツール、テスト、CI/CD、スタイル、スケミクス、明確なルールドキュメントを備えた生産環境用プロジェクトセットアップを提供します
- free-tailwind-admin-dashboard-template - 無料でオープンソースの Tailwind CSS 管理パネルテンプレート。現代的なウェブ開発者向けに構築されています
- ngx-blog - 現代的な Angular ベースのブログ CMS で、テーマサポートと SEO 最適化を備えています
- radixweb - 完全に生産環境に整備されたマイクロサービスのベースラインです
- base-angular-monorepo - スケーラブルな Angular アプリケーション開発に適した生産環境用ベースプロジェクト(Nx、NgRx、Tailwind CSS、Jest、ESLint、Prettier)
- nx-ng-starter - Nx、Angular、Angular Elements、Electron、Node、Nest、Firebase を使用したモノリススターター。ワークフロー自動化を備えています
- elements-template - Angular 21、Tailwind CSS v4、Vitest で構築されたカスタムWebコンポーネントを構築するための現代的で意見のあるスタートキット
- realworld-angular - Angularライブラリが実際にどのように機能するかを示すRealWorld Angular例アプリケーション
- spartan-admin-dashboard - Spartan UIコンポーネントとTailwind CSSで構築された、プロダクション用のAngular管理ダッシュボードテンプレート
- elite-angular-zen - 2026年Angular 17プロ管理テンプレート(クリーンでミニマムなデザイン)
- spike-angular-pro-starter - Spike Angular 2026:現代ダッシュボード向けの最高品質無料マテリアル管理テンプレート
- appblink - Web、モバイル、バックエンドを1リポジトリで統合した、プロダクション用Angular+Flutter+Firebaseのモノリススタートキット
有料テンプレート
- Admin Mart
- CozyDevKit - Angular 21向けのインタラクティブツール、アーキテクチャパターン、クイックリファレンス、およびDevOpsサービス
- devkitly - 認証、請求、監査ログ、機能フラグ、SSRを備えた、プロダクション用Angular 21スタートキット
- draftNG - Angular 22+向けのミニマリズムかつ高性能なプラットフォームテンプレート
- NgStarter - Angular UIコンポーネントおよび管理テンプレート
- Nzoni - AngularでSaaSを数日で立ち上げる
- Theme Forest
- Vortex - AngularとJavaで構築された、ユーザー体験のスムーズさと強力なバックエンドソリューションを提供するハイパフォーマンスウェブアプリケーションテンプレート
- Wrap Pixel
サードパーティ製コンポーネント
アニメーション
- ngx-confetti-explosion - AngularでのConfetti実装
- ngx-lottie - Angular 9以降対必の、After Effectsアニメーションをレンダリングする完全カスタマイズ可能なAngularコンポーネント
- angular-animations-explorer - Angularで実現可能なさまざまなアニメーションを紹介するリソース
- ngx-count-animation - 数値の変化を美しくアニメーションし、一つの値から別の値へと視覚的に魅力的な遷移を実現する、数値カウンター効果のパッケージ
- ng-auto-animate - FormKitの Auto Animate 用のAngularディレクティブ(ライブラリ)。
- layout-projection - ウェブをより美しくする、レイアウトアニメーション
- ngx-easy-view-transitions - View Transitions APIの使いやすさを提供するAngularライブラリ
- ngx-typed-writer - ネイティブAngular 2+のタイピングアニメーションライブラリ(Angular SSRおよびAngular Universal対応)
- ngx-number-ticker - 数値カウンターをアニメーションするシンプルな数値タイッカー効果
- ngx-word-rotation - Angularでワードローテーションアニメーションを実現するためのライブラリ
- ngx-word-morph - Angularでワードモーフィングアニメーションを実現するためのライブラリ
- ngx-cryptic-text - 暗号テキストアニメーション効果を提供するAngularライブラリ。コンポーネントは、正しい文字が現れるまでランダムに文字を切り替えてアニメーションを行う。
- ngx-word-pullup - Angularでワードにスムーズなプルアップアニメーション効果を提供するライブラリ。このコンポーネントは、カスタマイズ可能な遅延で順次上に引き上げてワードを表示する。
- ngx-typewriter - タイピング効果を作成するための軽量かつ使いやすいライブラリ。RxJSを使用してタイピング効果を管理し、スムーズかつカスタマイズ可能なアニメーションを実現。
- ngx-gradient-text - Angularでスムーズなアニメーション付きテキストグラデーションを提供するライブラリ。色の遷移をカスタマイズ可能。
- ngx-shiny-text - Angularできらめき効果をもつテキストアニメーションを提供するライブラリ。
- ngx-ripple - インタラクティブで魅力的な背景やコンテナに適用可能なカスタマイズ可能なリップル効果コンポーネント。
- ngx-shine-border - Angularコンポーネントに動的にカスタマイズ可能なアニメーション付きボーダー効果を提供するライブラリ。
- ngx-border-beam - このコンポーネントは、色、ボーダーラジアス、アニメーション期間などをカスタマイズできる光り輝くアニメーションボーダーを作成可能。
- ngx-dotpattern - Angularコンポーネントにカスタマイズ可能なドットパターン背景効果を提供するライブラリ。
- ngx-meteors - Angularコンポーネントに魅了するメテオーシューバーアニメーション効果を追加するライブラリ。
- ngx-background-beams - 動的にアニメーションされた背景ビームを生成するAngularコンポーネント。グレデントと動きの経路をカスタマイズ可能。
- ngx-aurora - カスタマイズ可能なアニメーション付きオーロラ背景(グレデント効果と2つのアニメーションスタイル)を提供するAngularライブラリ。
- ngx-particles - マウスの動きに反応するインタラクティブな粒子アニメーションを提供するAngularライブラリ。カスタマイズ可能な背景を生成。
- ngx-spotlight - SVGのスポットライト効果を提供するAngularライブラリ。ページセクションをカスタマイズ可能な色とアニメーションで強調。
- ngx-starry-sky - 美しい星空背景を生成し、オプションで流星を表示するAngularライブラリ。
- ngx-connection-beam - 2つの要素間の動的アニメーション接続線を生成するAngularコンポーネント。
- ngx-countUp - 数値をカウントアップしてアニメーションする。
- ngx-gsap - 軽量でカスタマイズ可能なAngularアニメーションライブラリ。GSAPを用いて宣言的で使いやすい。
- ngx-animations - Angular向けGSAPをインスピレーションとしたアニメーションライブラリ。高パフォーマンスのディレクティブ、コンポーネント、タイムラインサービスを提供し、完全なRTL対応を実現。
- ngx-spring - スプリング物理を用いて、時間経過と補正曲線の代わりに自然で流れるアニメーションを作成。
- ngx-unicode-spinners - Angular向け18のブレインベースUnicodeスピナーアニメーション。実行時依存関係なし。
- ng-motion - motion-dom をベースにしたAngularアニメーションライブラリ。
- ngx-digit-flow - Angular向け個別桁アニメーション。各桁には縦方向のリール(0-9)があり、数値が変更された際に新しい値へスクロール。スロットマシン/オドメーター風。
- angular-movement - 再利用可能なアニメーションディレクティブライブラリとデモ・ドキュメンテーションサイトを統合したAngular用アニメーションエコシステム。
- ngx-transition-content - ダイアログコンテンツのスムーズな遷移を実現するAngularライブラリ。古いコンテンツをフェードアウトし、新しいサイズにアニメーションし、新しいコンテンツをフェードインする。
カレンダー
- angular-calendar - Angular 15以降向けの柔軟なカレンダーコンポーネント。月、週、日ビューでイベントを表示可能。
- @pyas/connect-angular - Pyas Connect ワンダーコンポーネントのプラグインラッパーで、PyasConnectを第一クラスのAngularコンポーネントとして公開。
- cyrus-calendar - グレゴリオ、シャムシ(ジャラリ/ペルシャ)、インペリアルカレンダーをサポートする軽量かつマルチカレンダーのAngular日付選択器。
- daypilot-lite-angular - JavaScript/HTML5イベントカレンダー/スケジューラコンポーネントのAngular版。日/週/月カレンダービューを表示可能。
- fullcalendar-angular - FullCalendarの公式Angularコンポーネのライブラリ。
- ngx-calendario - イベントサポートを備えたカレンダーをカスタマイズ可能に表示するAngularライブラリ。
- ngx-calendar-view - レスポンシブなAngularカレンダーコンポーネントライブラリ。日/週/月ビュー、イベントのドラッグ&ドロップ、モバイルスワイプ対応、内蔵されたダークモードを備える。
- ngx-calendar-widget - 軽量かつカスタマイズ可能で機能豊富なカレンダーウィジェット。Angularアプリケーション内のイベント管理とスケジューリングを簡易化。
- ngx-datepicker-calendar - シグナルとスタンドアローンコンポーネントを用いた高速かつアクセシブルなAngular日付選択器ライブラリ。
- ngx-resource-scheduler - 軽量かつ柔軟なリソーススケジューラ。Angular向け。
- ngx-strip-calendar - Angular 17以降向けのストリップカレンダーコンポーネント。
- schedule-x - マテリアルデザインイベントカレンダー。
- timegrid-angular - AngularにおけるHexaFlexa Timegridウェブコンポーネントのラッパー
- CalendarJS - オープンソースJavaScriptカレンダーおよびスケジューリングコンポーネント。Angularプロジェクトに統合可能。
- hss-calendar - Angular 19以降向けのプレミアム、軽量かつ完全にカスタマイズ可能なカレンダーライブラリ。
- datelane - カスタマイズ可能で依存関係のないAngularカレンダー。12ビューと複数の日付レイヤーを備える。
- ngx-modern-calendar - Angular向け小型でテーマ設定可能かつ多言語対応のカレンダーコンポーネント
CAPTCHA
- altcha - GDPR、WCAG 2.2 AA、EAAに準拠した、自前ホスティング可能なCAPTCHA代替ツール。PoWメカニズムと高度なスパムフィルタを備えています
- go-captcha-angular - テキスト/グラフィッククリック、スライド/ドラッグ、回転といった各種モードを実装した、シンプルで使いやすく、インタラクティブかつ安全な行動確認コード
- ng-cloudflare-turnstile - 直感的で軽量であり、Angularに簡単に統合できるCloudflare turnstileコンポーネント
- ng-hcaptcha - hCaptchaを簡単に使えるコンポーネントを提供
- ng-recaptcha-2 - Angular 18版のng-recaptcha。あるいは、このarticleを活用して、独自のサービスを作成し、GoogleのreCAPTCHAを実装します
- ngx-captcha-kit - このキットは、CAPTCHAの実装を1つのコンポーネントとサービスで簡略化し、Angular 20以降の機能(シグナル、ゾーンレス変更検知)との互換性を確保します
- ngx-dice-captcha - Three.jsとCannon-esを活用した、ダイナミックな3D CAPTCHAライブラリ。ダイスベースのインタラクションとリアルな物理を備えています
- ngx-easy-captcha - Google RecaptchaおよびCloudflare Turnstileの両方に対応した、簡単なCAPTCHA実装方法
- ngx-numeric-captcha - 現代的で軽量なAngular CAPTCHAライブラリ。複数の確認チャレンジを提供しています
- ngx-turnstile - Angular向けCloudflare Turnstile
- recaptcha-angular - Google reCAPTCHA v2(チェックボックス)およびv3(スコアベース)に対応し、完全なTypeScriptサポート、スタンドアローンAPI、および
ControlValueAccessor統合を備えたAngularコンポーネント - trustcaptcha-angular - このライブラリは、あなたがAngularのフロントエンドアプリケーションにintegrate Trustcaptchaを統合することを支援します
- yandex-smart-captcha - 標準/非表示キャプチャ、反応型フォーム、現代的なシグナル/エフェクトに対応したAngularによるYandex SmartCaptcha統合用のライブラリ
カルーセル
- @daelmaak/ngx-gallery - Angular 8以降向け、小型でパフォーマンスに優れ、レスポンシブかつ依存関係なし、使いやすいギャラリー
- @MurhafSousli/ngx-gallery - ウェブおよびモバイルデバイス向けに美しい画像ギャラリーの作成プロセスを簡略化します
- @vinlos/ngx-gallery - Angular向けシンプルなネイティブギャラリーコンポーネント
- ngu-carousel - Angular Universalカーソル
- ngx-slider - Angularベースの、モバイル対応のスライダーコンポーネント(angularjs-sliderに基づく)
- ngx-slick-carousel - Angular 17以降向けのslickプラグインのラッパー
- ngx-owl-carousel-o - Angular >=6向けの
owl-carousel - angular2-image-gallery - Angular 17+、Node.js、GraphicsMagickを用いた画像ギャラリー
- egjs-flicking - Flicking Angularのクイックスタート
- ngx-drag-scroll - 軽量でレスポンシブなAngularカーソルライブラリ
- ngx-darkbox-gallery-library - Ivyエンジン(Angular 15以降)を用いた、高度にカスタマイズ可能なライトボックステーマのギャラリーライブラリ
- ngx-stories - Instagram風ストーリーを表示するAngularコンポーネンツ
- carousel-library - 豊富な機能を備え、シンプルかつパフォーマンスの高いカーソルコンポーネントを提供する、多様なAngularライブラリ
- ngx-simple-gallery - Angular 18向け軽量ギャラリーライブラリ。すべての画像をスムーズなサムネイルとして表示し、クリックまたはタップでフルサイズに拡大します
- embla-carousel-angular - AngularにおけるEmbla Carouselのラッパー
- ngx-cdk-lightbox - Angularで画像ギャラリーをLightbox機能付きでレンダリングするためのカスタマイズ可能なCDKベースのソリューション
- rm-image-slider - YouTubeやMP4をサポートする、スタンドアローンのAngular画像スライダー(Lightbox、遅延読み込み、動画サポート)
- ngx-carousel-modern - Angular 16以降向けの現代的かつカスタマイズ可能なカーソルコンポーネント(スタンドアローンおよびNgModuleベースアプリケーションに対応)
- fslightbox-angular - Fullscreen LightboxのAngular版
- whirli-ng - ドラッグ、ループ、仮想スライド、コンテンツ投影、サムネイル、SSR対応のレスポンシブレイアウト、外部コントロール、豊富なイベントAPIを備えたAngularカーソル
チャート
- @cubejs-client/ngx - @cubejs-client/coreとともに、AngularにCube.jsを導入できます integrate
- ngx-charts - Angular2以降向けの宣言型チャートフレームワーク!
- ag-charts - 完全に機能ありで高度にカスタマイズ可能なJavaScriptチャートライブラリ
- amcharts5 - JavaScriptおよびTypeScriptアプリ向けのチャートライブラリ。Angular integration guideを確認してください
- angular-chrts - 現代的なAngularアプリケーション向けの高性能で開発者フレンドリーなデータ可視化ライブラリ
- angular-gantt - Zoneless、SignalベースのAngular 20以降のGanttチャート
- angular-google-charts - Google ChartsライブラリをAngularで書かれたラッパー
- carbon-charts - Carbon Charts Angularは、vanilla JavaScriptの@carbon/chartsコンポーネントライブラリを薄いAngularラッパーとして提供
- Foblex Flow - ノードエディタ、ワークフロービルダー、インタラクティブなダイアグラム向けのAngularネイティブライブラリ:ドラッグ&ドロップノードと接続、ミニマップ、自動レイアウト、仮想化、キーボードアクセシビリティ層
- highcharts-angular - Angular向けの公式最小限のHighcharts統合
- michi-vz-mono - 1つのエンジンが17のインタラクティブかつアクセシブルなチャートタイプを駆動し、Angularおよびそれ以外にも完全にサポートされ、レポート、ダッシュボード、AI機能向けにLLM対応データを発行
- ng-apexcharts - ApexChartsをAngularでラップしたインタラクティブ可視化の構築用ライブラリ
- ng-chartist - Angular用のChartist.jsコンポーネント
- ng-charts -
rechartsのReangular版 - ng-diagram - インタラクティブでカスタマイズ可能なダイアグラム、ノードベースエディタ、可視化ワークフローを構築するためのAngularライブラリ
- ng-draw-flow - データをノードとして表示するインターフェースを作成するためのライブラリ
- ng-flowchart - 軽量なAngularライブラリでドラッグ&ドロップフローチャートを構築
- ngx-circle-chart - Angular向けの美しい自動スケーリング円(ドーナツ)プログレスチャート
- ngx-echarts - Angular向けのApache EChartsディレクティブ
- ngx-flexmonster - ウェブレポートおよびデータ可視化向けの強力で完全にカスタマイズ可能なJavaScriptコンポーネント
- ngx-gantt - 現代的で強力なAngular向けGanttチャートコンポーネのためのコンポーネント
- ngx-graph - Angular向けのグラフ可視化ライブラリ
- ngx-interactive-org-chart - 現代的なAngular組織図コンポーネントで、インタラクティブなズームとパン機能を備えています。
- ngx-recharts - Rechartsと同じAPIを使用して、Angularコンポーネントでコンポジブルなチャートを構築
- ngx-simple-charts - D3ベースの線、棒、ドーナツ、日付/タイムラインチャートに対応したAngular 17以降のライブラリ。複数のエントリポイントを提供し、トークン処理用のカスタマイズ可能なサービスも備えています。
- org-chart - 高度にカスタマイズ可能な組織図。Angular、React、Vueへの統合が可能です。
- pioneer-charts - D3.jsを使用してレスポンシブかつカスタマイズ可能なチャートを作成できるAngularライブラリ。棒、線、ピースなどに対応しています。
- sequential-workflow-designer - フローベースのプログラミングアプリケーションやワークフロー自動化のためのカスタマイズ可能なノコードコンポーネント。外部依存関係なし。
- schedula-core-angular - 公式なAngularラッパー(SchedulaCore)—高速かつ軽量のGanttチャートおよびリソーススケジューラコンポーネント
- systelab-charts - Systelab Angular Chartサービス。
- unovis - React、Angular、Svelte、Vue、およびvanilla TypeScriptまたはJavaScript向けのモジュラーデータ可視化フレームワーク。
Cookie
- ngx-cookie-service - Angular向けのクッキー用サービス。元々はng2-cookiesライブラリに基づいています
- cookieconsent - シンプルなクロスブラウザのCookie同意プラグイン。vanilla JSで構成されており、Angularに追加可能。
- ngx-cookie-ssr - Angular 19アプリケーション向けのシンプルなクッキーサービス。ngx-cookie-serviceを参考にしています。
- ngx-gdpr-cookie-consent - 美しいクッキーリンクライブラリ。使いやすいです。
- smallest-cookie-banner - 最小限のフレームワークに依存しないクッキーリンクバナー。
- ngrithms-cookie-consent - 現代的なAngularのCookie同意機能 — スタンドアローンコンポーネント、シグナルベースの状態、
provideCookieConsent()での機能設定、SSR対応、ゼロランタイム依存。
CSV
- impler - Angular packageを使用してCSV Excelインポート機能をアプリに埋め込みます。
- ng2csv - AngularでデータをCSVファイルに保存するためのサービス。
- ngx-export-as - Angular 2+ / Ionic 2+ のHTML/テーブ-ル要素をJSON、XML、PNG、CSV、TXT、MS-ワード、Ms-エクセル、PDFにエクスポートできる。
- rm-ng-export-to-csv - 軽量かつカスタマイズ可能なAngularライブラリ。JSONデータをCSVファイルにエクスポートし、自動ダウンロードをサポート。チャート、テーブル、レポート、ダッシュボードなどに最適です。
データグリッド
- ag-grid - 企業向けアプリケーション開発に最適なJavaScriptデータテーブル。React、Angular、Vue、および純粋JavaScriptに対応。
- ignite-ui-angular’s grid -
Ignite UI内のデータグリッド、ツリーグリッド、階層グリッドは、Excelスタイルのフィルタ、リアルタイムデータ、ソート、ドラッグ可能な行、その他ツールバーを提供。 - sheetjs - スプレッドシートからのデータ読み書きを行うJavaScriptライブラリ。
- active-table - 編集可能なデータ体験を提供するフレームワークに依存しないテーブルコンポーネント。
- jsgrids - JavaScriptデータグリッドおよびスプレッドシートライブラリを比較するツール。このリポジトリからさらに多くのライブラリを検索できます。
- handsontable - アプリケーションにスプレッドシートのよく知られた見た目と体験をもたらす人気のあるJavaScriptデータグリッドコンポーネント。
- slickgrid-universal - すべてのエディタ、フィルタ、拡張機能、サービスが含まれるフレームワークに依存しない SlickGridの使用に関するモノリスリポジトリ。
- revogrid - 強力な仮想データグリッドSmartsheet。高度なカスタマイズが可能。Excelの優れた機能を備え、驚異的なパフォーマンスを実現。
- ZingGrid - JavaScriptのウェブコンポーネントライブラリで、開発者はウェブアプリケーションにインタラクティブなデータテーブルを埋め込むことができます。このライブラリは Angularおよび多くのフレームワークで使用可能です。
- ngx-panemu-table - Angular用のテーブルコンポーネント。使いやすさを設計しており、ほとんどがTypeScriptファイルに記述され、HTMLファイルは非常にシンプルな
panemu-tableタグを持つだけで済みます。 - @guiexpert/angular-table - フレームワークに依存しないテーブルライブラリで、主要フレームワーク(含む Angular)とのシームレスな統合を実現。
- ngx-tabulator-tables - TabulatorテーブルライブラリのAngularラッパー。
- activereportsjs/angular-reporting-tool - データ可視化およびレポート用のAngularコンポーネント。レポートを ActiveReportsJSで埋め込みます。
- mat-datatable - Angular Materialを使用したシンプルなデータテーブル。仮想スクロール機能を備えています。
- @Trixwell/data-grid - Angularによるデータテーブルコンポーネント。フィルタ、ソート、ページネーション、CSVエクスポート、サブグリッド、Material統合機能を備えている。
- ngx-multi-sort-table - このライブラリは、Angular Materialデザインに基づく複数ソート可能なテーブルを提供し、サーバー側で読み込み・ソートされたデータに焦点を当てている。
- angular2-smart-table - Angular Smart Data Tableコンポーネント。
- ngx-editable-material-table - Angular Materialに基づく編集可能なテーブル。Angular本体にネイティブに対応している。
- ngx-flamegraph - Angularで書かれたスタックトレース可視化用のフレイムグラフ。
- ng-virtual-grid - 極めて大きなグリッドにおいても最高のパフォーマンスを実現。
- ngx-simple-datatables - 軽量かつ高パフォーマンスのAngularデータテーブルコンポーネンツ。バーチャルスクロール、列のフリーズ、カスタマイズ可能なテンプレートなどの機能を備えている。
- ngx-list-manager - Angular用のリスト管理を効率的に行うためのサービスツール。
- cerious-grid - 開発者がコントロール、柔軟性、パフォーマンスを求める場合に、非常に強力なAngularグリッド。
- ngxsmk-datatable - Angular 17以降の現代的なデータテーブル。パフォーマンス、カスタマイズ、開発者体験に焦点を当てている。
- ngx-column-filter - 複数のフィールドタイプに対応し、高度なフィルタルール、カスタマイズ可能なマッチモードをサポートする強力で再利用可能なAngular列フィルタコンポーネント。
- @witqq/spreadsheet - Canvasベースのスプレッドシート/データグリッドエンジン。依存関係ゼロ、10万行以上を60fpsで表示、完全な編集、リアルタイムコラボレーション。詳しくは websiteを確認。
- Jspreadsheet CE - オープンソースJavaScriptのスプレッドシートおよびデータグリッドコンポーネント。Angularアプリケーション内でAngularエレメントをラップまたは消費することで使用可能。
- TabularJS - Angularにおける高度なテーブル機能を提供する軽量JavaScriptテーブルおよびデータグリッドライブラリ。
- uni-table - シグナルに基づくAngularデータグリッド。遅延ゼロのパフォーマンスを実現し、高度なサーバー側機能と簡潔な設定APIを組み合わせている。
- ogrid - 軽量かつマルチフレームワーク対応のデータグリッド。エンタープライズ機能を備え、エンタープライズコストゼロ。
- angular-datatables.net - アンガルプラス DataTables。
- uiGrid - オープンソース、マルチプラットフォームデータグリッド。オリジナルの ui‑gridを再構築し、同じAPIと現代的なAngularシグナルを採用。Angular、ウェブコンポーネント、React、Rustに対応。
- ngx-datawindow - クラシックなDataWindowを現代的に刷新したテーブルコンポーネント。ゼロ設定のCRUD、計算列、マルチバッファーステート、オフライン同期、細かい変更追跡を提供。
- simple-table - フレームワークに依存しないデータグリッドおよびテーブルコンポーネント。現代的でスケーラブルなアプリケーションの構築に最適。
- toolbox - データ量が多いアプリケーション向けの高パフォーマンス、フレームワークに依存しないウェブコンポーネント。
- gp-grid - モジュラリティを備えたデータグリッドライブラリ。コアロジックとフレームワーク統合を明確に分離し、数百万行のデータを効率的に処理できる。
- ngx-powerful-tree - HTML5ドラッグアンドドロップ、高速検索、ロックされたサブツリー、ファイルセレクトモードを備えたバーチャルツリー。10万行以上でのスムーズなパフォーマンスを実現するために
@angular/cdk/scrollingをベースに構築。 - agrid - スプレッドシートのような編集、バーチャルスクロール、フィルタ、ソート、グループ化、クリップボードワークフロー、行操作、ページネーション、カスタムセルレンダラーを備えたAngularデータグリッド。
- ngx-datatables-net - Angular 20以降対応の
DataTables.netのAngularラッパー。 - angular-advanced-table - Angularのモノリスリポジトリで、シグナルを第一に設計したアクセシブルデータテーブルライブラリ
ng-advanced-tableおよびそのドキュメンテーションサイトを提供。 - angular-tree - 高パフォーマンス、ゾーンレス、シグナル駆動、完全バーチャル化されたヘッドレスツリーコンポーネント。その唯一のランタイム依存は
@angular/cdk。 - @some-angular-utils/table - リモートまたはローカルデータ、ページネーション、フィルタ、レスポンシブレイアウト、完全なテンプレート制御 — すべて1つの宣言型
<sau-table>要素に統合。 - DataGrid - NET および Angular 用のサーバー駆動のページネーション、フィルタリング、ソート — スタンドアローンかつ再利用可能なライブラリ。
- fastgrid-angular - 公式のAngularラッパー FastGridおよびCOQsoftのFastSheet。
日付
- ngx-date-fns - Angular向けのDate-fnsパイプ。
- ngx-mat-timepicker - 本物のマテリアルタイムピッカー。
- mat-datetimepicker -
@angular/material用のデイタイムピッカー - ngx-multiple-dates - Angular Material をベースにした複数日付ピッカー。
- ng-datetime - datetime を扱うためのコンポーネントを含む Angular ライブラリ。
- time2blocks-ngx - 過去のブロックチェーンブロックに紐づく時間の特定(およびフォーマット)を行う Angular ライブラリ。
- @dhutaryan/ngx-mat-timepicker - マテリアルデザインに基づくタイムピッカー。
- ngx-timeline - アニメーション付きタイムラインビューを追加できるシンプルなコンポーネントライブラリ。
- frxjs-Ngx-Timeline - このライブラリにより、Angular アプリにタイムラインを統合できます。
- ngx-daterangepicker-pro - Angular 17+ と Day.js を使って構築された、強力でカスタマイズ可能なAngular日付範囲ピッカー
- ngx-custom-daterangepicker - 設定可能なオプションを備えた Angular Material デートレンジピッカー。高度な機能をサポートし、簡単な統合が可能です。
- angular-material-jalali-datepicker-adapter - Angular Material デートピッカーに Jalali(ペルシャ/ソーラーヒジャリ/シャムシ)日付アダプタを提供する、包括的な Angular ライブラリ。
- date-interceptors - このライブラリは、JSON パイロードから日付および期間文字列を、それぞれネイティブの Date オブジェクトおよび Duration オブジェクトに変換するための強力なソリューションを提供します。
- ngx-vertical-timeline - レスポンシブな垂直タイムラインを作成できる Angular コンポーネント。
- ngx-timeago - Angular での動的タイムスタンプのレンダリング。
- ngx-chronica - Angular に必要な日付および時刻ピッカーの6つの専門コンポーネントを提供し、Angularエコシステムにおける重要なギャップを埋める包括的な Angular ライブラリ。
- ngx-mat-multi-date-picker - グレゴリアン、Jalali(ペルシャ)、Hijri(イスラム)の高品質な日付ピッカーを提供する、包括かつスタンドアローンの Angular ライブラリ。
- date-time-picker - Angular 日時ピッカー。
- date-time-picker-moment-adapter -
@danielmoncada/date-time-picker用の Moment.js アダプタ - hijri-date-time-picker - Umm Al-Qura カレンダーを使用した、Angular でのグレゴリアン/ヒジャリのダブル日時ピッカー。
- ng-laydate - Angular 18 以降向けのシンプルかつ堅牢な日時ピッカー。
- lifecycle-timeline - 製品ライフサイクルの段階を可視化するインタラクティブな Vanilla JS コンポーネント。Angular 統合ガイドを併記。
- weekly-availability-picker - ドラッグ&リサイズをサポートするスタンドアローンの Angular 週間利用可否ピッカー。
- ng-date-hour-range-selector - Angularに構築された柔軟な日付/日時範囲選択器(Angular CDK Overlayベース)
ディレクティブ
- ng-click-outside - 要素外のクリックイベントを処理するAngularディレクティブ
- ng-for-track-by-property - Angular 全域の
trackByプロパティディレクティブ(厳密な型チェックあり) - ng-let - HTMLコンポーネントテンプレートにローカル変数としてデータを共有する構造ディレクティブ
- ngx-app-version - DOMにバージョン情報を記述するAngularディレクティブ
- ngx-clamp - legacyブラウザ対応のマルチラインまたは高さベースのテキスト切り取りを実現するAngularディレクティブ
- ngx-copypaste - Angular用のシンプルで素晴らしいコピー&ペーストディレクティブ
- ngx-copy-to-clipboard - 1クリックでクリップボードにテキストをコピーできるAngularディレクティブ。カスタマイズ可能な成功/エラーメッセージをサポートし、コピー操作時にイベントをトリガーできる。
- ngx-cut - レスポンシブオプションを備えたテキストの切り取りを実現するAngularディレクティブ
- ngx-fixed-footer - オーバーラップなしで固定フッターを追加するディレクティブ
- ngx-if-platform - プラットフォームに基づく条件表示を実現するディレクティブ
- ngx-memoize - 軽量で依存関係のないデコレータ。Angularクラスメソッドをメモ化し、テンプレート呼び出しの繰り返しを削減し、パフォーマンスを向上させる。
- ngx-nullable - このライブラリはAngularテンプレートにおけるプロパティのnull化を可能にする。
- ngx-overflow-reveal - テキストが切り詰められた状態をhover時に美しく表示するAngularディレクティブ
- ngx-repeat - カウントに基づいてHTML要素を繰り返すAngularディレクティブ
- ngx-speech-button - Web Speech APIに簡単なセットアップでvoice input機能を提供する使いやすいラッパーを提供するAngularディレクティブ
- ngxsmk-button-spinner - Angular 17以降で、任意のボタンにインラインまたは中央にローディングスピナーを表示するディレクティブ
- ngxture - 軽量かつモジュラリティの高いAngularライブラリ。即時使用可能なアニメーションとジェスチャディレクティブを提供。
- @maxime1jacquet/npm-directives - Angular ディレクティブ(ngx-cursor および ngx-simple-countdown を含む)
- ngx-mat-menu-hover - hoverメニューの挙動を処理するAngularディレク連。マウスをホバーしたときにメニューを開き、マウスが離れたときに閉じる。
- ngx-highlight - テキスト内の検索マッチをハイライトするための Angular ディレクティブ(CSS Custom Highlight API をベースに構築)
- ngx-liquid-glass - Apple風の液体ガラス効果を実現するAngularディレクティブ。DOMベースの屈折と設定可能なエッジをサポート。
- ngx-digits-only - スマートな数値入力用の Angular ディレクティブ — デジットフィルタ、フォーマット、バリデーションを実現し、全マスクライブラリ(例:
ngx-mask)をインストールせずに済む
DOM
- ngx-resize-observer - Angular 8以降で要素のサイズ変更を検知するモジュール
- ngx-mutation-observer - DOMに要素が変更されたときにAngular 8+でイベントを発火します
- ngx-visibility - DOM内の要素が表示されたときに検知するAngularモジュール。IntersectionObserverを使用します
- ngx-fade - Intersection Observer APIを用いて、視覚的にスムーズなフェードとスライドによるビューポート遷移を行うAngularコンポーネント
- ngx-dynamic-hooks - 動的に変化する文字列にライブAngularコンポーネントを自動的に挿入し、DOMに結果をレンダリングします
- ngx-highlightjs - 即時コードハイライト、言語自動検出、使いやすさ抜群!
- ngx-sharebuttons - Angularの共有ボタン
- ng-helpers - Angular向けに便利なコンポーネント、ディレクティブ、パイプのコレクション
- ngx-ellipsis - Angular 9+向けに、エラプス付きのマルチラインテキスト
- ng-gd - マウスまたはタブレットイベントに対応したキャンバス要素を簡単に管理する方法
- ngx-annotate-text - 名前付きエンティティ認識や品詞タグ付けなどのタスクに最適な、テキストの可視化と注釈を行うAngularライブラリ
- ng-dynamic-component - Angular向けに、入力と出力のフルライフサイクルをサポートする動的コンポーネント
- ngx-optimus - データフォーマットを簡素化し、コンポーネントの論理をよりクリーンに保つためのカスタムパイプを提供するAngularライブラリ
- ng-lock - タスクが実行中には関数とユーザーインターフェースをロックするAngularデコレータ
- angular-paginator - Angularアプリケーション向けのページネーションコンポーネンツ
- ngx-signal-combinators - Angularシグナル向けに組み立て可能なブールヘルパー、よりクリーンな反応テンプレート論理を可能にします
- viewport-truth - 正確なCSSピクセルサイズを検出し、仮想キーボードに対応し、リサイズ/スクロールのジャイアントを減らし、フレームワーク間でSSRに対応する、極めて小さなVisualViewport中心のストア
- angular-inport - Angular In-Viewport Detector
ドラッグ&ドロップ
- Official Angular Docs
- ngx-drag-drop - ネイティブHTMLのドラッグアンドドロップAPIを使用するAngularディレクティブ
- @hackingharold/ngx-dropzone - Angular Material向けに欠けているファイル入力コンポーネント
- ng-dnd - Angular向けのドラッグアンドドロップ
- angular-drag-drop-layout - 軽量で依存関係のないAngularライブラリ。高度にカスタマイズ可能でレスポンシブなグリッドレイアウトを、ドラッグ&ドロップ機能付きで作成できる。
- ngx-swapy - Swapy を活用した、シンプルなドラッグ&ドロップ DOM を提供するコンポーネントライブラリ
- ngx-draggable-dom - Angularの属性ディレクティブで、任意の要素をドラッグ可能な要素に変換する。
- ngx-drag-resize - このAngularライブラリは、HTML要素にドラッグおよびリサイズ機能を追加するディレクティブを提供する。
- ng-keyboard-sort - CDKのドラッグ&ドロップソートを使用する要素に、キーボードコマンドを追加するためのライブラリ。
- angular-mixed-cdk-drag-drop - Angular CDKを用いた混合方向のドラッグ&ドロップをサポートするAngularディレクティブ。
- cdk-drag-snap-to-point - cdkDrag機能を特定のポイントでのドロップのみに実現するデモ。
- ngx-puzzle - Angularアプリケーション向けのドラッグ&ドロップダッシュボードビルダー。
- ngx-drag-drop-kit - 高性能なAngularドラッグ&ドロップツールキット。グリッドレイアウト、ソート、リサイズ、ネストなど、多数の機能を備えている。
- ngx-dashboard - リサイズ可能なセルとカスタマイズ可能なウィジェットを持つ、現代的なAngularワークスペースでドラッグ&ドロップグリッドダッシュボードを構築できる。
- ngx-dropzone-next -
@peterfreeman/ngx-dropzoneのメンテナンスされたフォーク(バグ修正および新しいAngularバージョンとの互換性を提供)
エディター
- Angular-JSON-Tree-Editor-Component - 実際に動作するAngular JSON Tree Editorコンポーネント。
- @acrodata/code-editor - Angular用のCodeMirror 6のラッパー。
- angular2-froala-wysiwyg - Angular用のFroala WYSIWYG HTMLエディタのラッパー。
- ckeditor - Angular向けのプラグイン。
- domternal - 軽量で拡張性の高い富テキストエディタツールキット。ネイティブなAngularコンポーネント(シグナル、OnPush、スタンドアローン)、内蔵されたツールバーとテーマ、完全なテーブルサポートを備えている。
- ngx-aztreya-editor - 軽量でカスタマイズ可能なAngular富テキドットエディタコンポーネント。内蔵ツールバー、見出し、テキストフォーマット、配置オプションを備えている。
- ngx-simple-text-editor - Ngx Simple Text editor(STエディタ)は、Angular 9以降向けのシンプルなネイティブテキストエディタコンポーネント。
- ngx-quill - Quill富テキストエディタ向けのAngularコンポーネント。
- @sibiraj-s/ngx-editor - ProseMirrorを使用したAngular富テキストエディタ。
- @bobbyquantum/ngx-editor - Angular 21+ 用の
sibiraj-s/ngx-editorのフォーク - ngx-wig - Angular用のWYSIWYG HTML富テキストエディタ。
- ngx-property-editor - シンプルな入力コンポーネントとプロパティエディタコンポーネントを含むAngularライブラリ。これにより、任意のオブジェクトのすべてのプロパティを編集するためのフォームが自動的に構築される。
- ngx-tiptap - tiptap v2 用の Angular バインディング
- tinymce-angular - 公式 TinyMCE Angular コンポーネント
- slate-angular - Slate 用の Angular ビュー層
- ngx-jodit - Jodit WYSIWYG エディタ用の Angular ワッパー
- ngx-tinymce - を使って構築された コンポーネント
TinyMCE - MagnetarQuill - 拡張可能なAngular WYSIWYGエディタ。豊かなテキスト、メディア、テーブルをサポートし、プラグインアーキテクチャを採用。
- ngx-editorjs2 - Editor.js をインスピレーションとして設計された拡張可能なブロックエディタ(カスタマイズ可能なブロックとAngular反応機能を備えている).ngx-editor-js2-blocks により、カスタムコンテンツタイプのサポートが追加される
- ngx-traak - プロセスミラーに基づくWYSIWYG Angularエディタライブラリ。独立したコンポーネントを対象にし、プラグインで高度にカスタマイズ可能。
- ngx-summernote - Angular 用の Summernote エディタ
- angular-rich-text-editor - RichTextEditor 用の Angular ワッパー(ライセンスキー対応および
ControlValueAccessorを含む) - armor-editor - 安全で軽量な豊かなテキストエディタ。プレミアム機能を備え、Angularアプリケーションへの統合をスムーズに。
- ngx-workflow - 強力で高度にカスタマイズ可能なAngularライブラリ。インタラクティブなノードベースエディタ、フローチャート、図面の構築に最適。
- contentful-rich-text-angular-renderer - Contentfulの豊かなテキストのAngularレンダラー。Angularテンプレートを用いて、ノードおよびマーカーのカスタマイズレンダリングを提供。
- Monaco Pattern Editor - モンコエディタを美しいテーマとコーディングインタビュー準備機能でラップしたプレミアムAngularライブラリ。
- angular-editor - Angular用のシンプルなネイティブWYSIWTエディタコンポーネント。
- ngx-json-editor - Angular用の最小限でテーマを適用可能なJSONエディタ。
- ngx-ace-signal - アシストの現代的なAngularのシグナルベースのAceエディタのラッパー。
- ngx-rwriter - Angular 21以降向けの現代的な豊かなテキストエディタコンポーネント。画像、配置、リスト、色選択、翻訳に対応。
- ngx-pro-editor - 豊富な機能を備えたWYSIWYGエディタ。自動保存、特別文字、高度なフォーマットを提供。
- dragble-angular-editor - デザイナーに親しみやすい視覚エディタとAI駆動の会話インターフェースを融合した2モードAngularコンポーネント。
- ngx-email-studio - Angular 21向けのフロントエンドメールビルダー。メールテンプレートの作成、インポート、編集、プレビュー、エクスポートをサポート。
- qalma - プロセスミラーに基づくAngular中心のヘッドレス豊かなテキストエディタツールキット。
- ngx-mermaid-canvas - Angular用の視覚的なフローチャートエディタ。Mermaid構文を出力。
- @bloklabs/angular - Blok 用の Angular アダプタ(ヘッドレスブロックベースの豊富なテキストエディタで、HTMLではなくJSONを出力)
- angular-tiptap-editor - 現代的でカスタマイズ可能なAngular豊かなテキストエディタ。Tiptapで構築。
- ngx-richtext - プロフェッショナルな豊かなテキストエディタ。無料とプレミアム機能の2階層を提供。
- ngx-image-editor - プロフェッショナルな画像エディタ。無料で永続的に利用可能で、オフラインEd25519ライセンスのプレミアムツールを備える。
- Scryb - 月額39ドルの固定料金のTypeScript WYSIWYGエディタ。Tiptapをベースにし、無制限のロード、ユーザー、ドキュメントを提供。
- nge-ide - 1つの
<ide-root />コンポーネントを用いて、NGE IDEはAngularアプリケーションにフルデスクトップエディタシェルを埋め込む
ファイルアップロード
- ng2-file-upload - 使いやすいファイルアップロードディレクティブ。
- ngx-flow - Angular7+向けの flow.js のラッパーでファイルアップロードを実現
- ngx-uploadx - アンガルのリスケジュールアップロードモジュール
- file-upload - ファイルアップロード用のアンガルモジュール
- @georgipeltekov/ngx-file-drop - シンプルなデスクトップファイルおよびフォルダのドラッグアンドドロップ用のアンガルモジュール。このライブラリはrxjs-compatを必要としない。
- Uppy - スリムでモジュラリティの高いJavaScriptファイルアップローダー integrates seamlessly with Angular
- ngx-custom-material-file-input - アンガルマテリアル向けのファイル入力管理
- ngx-file-preview - 多くのファイルタイプに対応した強力なプレビューツール
- ngx-file-helpers - アンガルファイルヘルパー(ファイルピッカーおよびドロップゾーンを含む)
- ngx-file-uploader - アンガルアップロードコンポーネントとディレクティブに内蔵されたファイルプレビュー
- file-uploader - React、Next.js、Vue、アンガル、Svelteなど、すべてのJavaScriptフレームワークと互換性のあるWeb Componentsベースのファイルアップロードウィジェット。アダプタなしで動作。
- ngx-accessible-dropzone - キーボードおよびスクリーンリーダー対応の、ゼロ依存性の小さなアンガルドラッグアンドドロップファイルアップロードコンポーネント
- @h-k-dev/angular-file-drop - スタイルシートなし、XHRなし、DOM変更なしの軽量アンガルドラッグアンドドロップディレクティブ(ファイルおよびフォルダ対応、ナビゲーション、フィルタリング、クリックで選択)
- upup - 六つの主要なフロントエンドフレームワーク向けのUIパッケージがバイト完全に一致するヘッドレスアップロードエンジン。サーバーモード、クラウドドライブ、マルチソースメディアインポートに対応。
フォーム
- ngx-mask - アンガルフォームフィールドおよびHTML要素にマスクを適用するプラグイン
- maskito - ユーザーが定義されたフォーマットに従って値を入力できるようにする、入力マスクを構成するライブラリのコレクション
- ng-signal-forms - シグナルを駆使したアンガルフォーム
- ngx-sub-form - アンガルフォームを複数コンポーネントに分割するためのユーティリティライブラリ
- ngx-currency-v2 - 最新のAngularバージョンにアップデートされた ngx-currency のフォーク
- ngx-enhancy-forms - 華やかな強化されたアンガルフォーム
- ngx-focus-entities - TopModel で生成されたFocus4表現から反応型Angularフォームを生成するためのライブラリ
- @TanStack/form - TypeScript対応、ヘッドレスUI、フレームワークに依存しない設計により、クロスフレームワークフォーム処理を簡素化。
- @luistabotelho/angular-signal-forms - シグナルを用いたシンプルなアンガルフォーム実装ライブラリ
- ngx-form-object - アンガル反応フォームの抽象化。モデルからフォームを生成し、ネストされた関係を管理。
- pro-form - アンガルマテリアルに基づく、反応型かつ再利用可能なフォーム入力コンポーネントの事前定義セット
- ngx-forms - Angularフォーム関数のコレクションで、アプリケーションの開発を支援します。
- ngxAccessor - このライブラリは、既存のメソッドにシグナルを統合し、柔軟性を備えた新たなAngularフォームアプローチを追加します。
- angular-template-signal-forms - シグナルをベースに構築された現代的なAngularフォームライブラリ。柔軟で型安全かつ完全にテーマ化可能。
- ngx-formidable - 豊かなバリデーションを備えた、強力なAngularコンポーネントライブラリです。
- piying-view - 強型のフロントエンドフォームソリューション;
ngx-formlyおよびAngularの公式フォームフレームワークとの代替 - ngx-form-m3 - AngularおよびMaterial 3向けのペルシャ語フォームライブラリ。
- lite-form - 軽量なAngularライブラリで、バリデーション、スタイル、アニメーションを備えたカスタマイズ可能なフォームコンポーネントを提供します。
- cc-form-engine - 反応型フォームの生成と管理に特化した高度なAngularライブラリ。動的バリデーション、変更追跡、カスタマイズ可能なエラーメッセージをサポート。
- ngx-vest-forms - 軽量かつ型安全なアダプタ。Angularのテンプレート駆動フォームと Vest.js を接続し、複雑かつ非同期なバリデーションを実現
- ngx-autosave-forms - Angularにおけるテンプレートフォームまたは反応型フォームで、localStorageにフォーム値を自動保存します。
- ngx-better-forms - 簡潔で維持性の高い反応型フォームユーティリティ。
- ngx-query-builder - Angularのスタンドアローンコンポーネントを備えたクエリビルダー。妥当なデフォルト設定、テンプレートハック、ドメイン特定エディタ向けの完全なフォームサポート。
- ngx-mat-form - Angularの反応型フォームとAngular Materialを活用し、スキーマから動的に構成可能なフォームを生成するライブラリ。
- ng-forge - Angularのシグナルベースフォームに特化した型安全で動的なフォームライブラリ。
- zignal - シグナルとZodバリデーションを使用した型安全なAngularフォームライブラリ。ペルシャ語特化のバリデーションとマルチ言語対応を備えています。
- ngx-form-stepper - 最小設定で開発中に無効な状態を防ぐ、強型のAngularライブラリで、堅牢な多段階フォームを構築します。
- ngx-form-rules - 軽量なAngularライブランリで、シンプルな宣言型ルールを使って、反応型フォームフィールドの有効・無効・制御を容易に実現します。
- ngx-reactive-forms-utils - 反応型Angularフォームの使用を支援するユーティリティ。
- ngx-entity-forms - エンティティインターフェースから完全に型付けされたAngular FormGroupsを生成し、自動補完、バリデーション、エラーメッセージを提供します。
- ngx-form-draft - ゼロ依存のAngularフォームドラフトの自動保存と復元。
- ngx-signal-forms - 実験的なシグナルフォームAPIをベースにし、現代的なM3スタイルを採用したシグナル駆動型、型安全なAngularフォームライブラリ。
- formsync - 開発者に親切なAngular対応フォームバックエンドで、サーバーサイドコードなしで提出データを収集・管理できます。
- @neutro-web/form - 高性能・依存関数なし・フレームワークに依存しない反応型フォームエンジン
- forge-form - TypeScriptの1つのオブジェクトから反応型、シグナルベースのフォーム、バリデーション、条件付きフィールドを生成
- NgSimplicityForms - 共用可能なAngular動的フォームフレームワーク。BootstrapおよびAngular Material向けの共通コアAPIとレンダラーパッケージを提供
- ng-modular-forms - 軽量なアーキテクチャ層で、モジュラリティを実現するAngular反応型フォーム用の組み込みコンポーネント
- ngx-form-signals - Angular向けヘッドレス・シグナルネイティブフォームコアライブラリ。コンポーネント、CSS、レイアウト、アダプタを強制しないでフィールド状態と跨フィールドルールを管理
フォームコントロール
- ngx-color-picker - 色選択ウィジェット
- angular-colorful - 現代的なAngularアプリ向けの小さな色選択コンポーネント
- ng-select - すべてを統合したUI選択、マルチ選択、自動補完
- file-input-accessor - Angularフォームにファイル入力機能を提供するAngularディレクティブ
- ngx-filesaver - FileSaver.js を使用したシンプルなファイル保存
- ngx-bar-rating - Angularバー評価コンポーネント
- angular-code-input - Angular 7–16+向けの強固な入力コンポーネント(数字/文字)およびIonic 4–7、モバイル、クリップボードサポート
- angular-iban - Angular向けIBANディレクティブとパイプ
- ngx-autosize-input - 入力要素の幅を自動調整するAngularディレクティブ。幅を縮小および拡大する
- angular-cc-library - クレジットカード入力マスクおよびバリデーションをサポートするライブラリ
- ngx-ui-switch - iOS 7スタイルのシンプルスイッチコンポーネント
- ngx-otp-input - Angular向けワンタイムパスワード入力ライブラリ
- ngx-show-hide-password - パスワードまたはテキスト入力にスプリット入力ボタンを追加。入力タイプを「text」と「password」の間で切り替え
- ngx-phone-field - 国際電話番号入力用のAngularディレクティブ。フラグドロップダウンをサポートし、反応型およびテンプレート駆動フォームに対応
- ngx-mat-birthday-input - 誕生日入力用のAngularマテリアルライブラリ
- ngx-countries-dropdown - カスタマイズ可能な国リストドロップダウンコンポーネのAngularライブラリ。フラグ、ダイアルコード、言語、通貨詳細を含む
- ngx-mat-split-button - Angular Materialの分割ボタンで、主要アクションとセカンダリオプションのドロップダウンを提供
- ng-select2 - select2-component のアップデートされたフォーク
- ngx-super-select - Angular用のマルチセレクト入力コンポーネント
- ngx-super-select-tree - Angular用の単一または複数選択ドロップダウンツリー
- ngx-mat-table-multi-sort - Angular Materialテーブルにマルチソート機能を追加
- ng-country-select - フラグとコードを含むスマートで多言語対応の国検索
- ngx-cron - ユーザーに親しみやすいクロントレード入力
- @amirsavand/ngx-input - 入力とフォーム処理に最適な、すべてを網羅したAngularパッケージ
- ng-otp-input - Web向けの完全カスタマイズ可能なワンタイムパスワード(OTP)入力コンポーネント(Angularで構築)
- rm-ng-star-rating - 高度な星評価に精度とレスポンシブデザインを備えた、完全にカスタマイズ可能なAngularスタンドアローンコンポーネント
- ngx-animated-paginator - Angular向けの を介してテンプレート駆動フォームおよび反応型フォームにスムーズに統合された のラッパー animated-paginator-web-component
ControlValueAccessor - ngx-input-color -
ngx-input-gradientとngx-input-colorは、プレビューとフォーム統合を備えた、カスタマイズ可能なAngularコンポーネントで、色/グラデーション選択を実現 - ngx-morse - Angular用のシンプルなモルス符号エンコーダーとデコーダー
- ngxsmk-tel-input - 国ドロップダウン、フラグ、強力なバリデーション/フォーマットを備えたAngular電話入力コンポーネント
- gradient-picker - 強力で美しいグラデーション選択器
- ngxsmk-datepicker - 現代的で高度にカスタマイズ可能なAngular日付範囲選択コンポーネンツ
- ngx-country-selector - スリムでカスタマイズ可能なAngular Material国選択コンポーネント。フラグ、コード、ローカル名など、アクセシブルなドロップダウンを提供
- @nsnayp1/angular-datepicker2 - 軽量でAngular 16+対応の日付選択コンポーネント。スタンドアローン対応、範囲選択、複数日選択、カスタマイズ可能なテンプレートを備え、外部依存なし
- ngx-phone - 自動国検出、リアルタイムフォーマット、バリデーション、完全なフォームサポートを備えたAngular電話入力コンポーネント
- ngx-phone-country-input - 反応型フォーム対応の電話入力と国選択を網羅した、総合的なAngularライブラリ
- ngx-mat-period-picker - スタンドアローンコンポーネントで構築された、現代的なAngular Material期間選択コンポーネント
- touchspin-angular - TouchSpin の数値入力コンポーネント向けのAngularアダプタで、レンダラーごとにサポート
- ngx-cron-editor - 反応型フォーム統合とMaterial Designスタイルを備えた、グラフィカルなAngular 15+クロントレードビルダー
- ngx-otp-code-input - 詳細なカスタマイズオプション(マスク、数字のみ入力、自動フォーカス)を備えたAngular OTP入力コンポーネント
- smart-date-input - 自然言語の日付をパースするためのスマートな日付入力ディレクティブ。
- color-picker - もう一つの美しい色選択器。
- ngx-pattern-lock - 軽量で、完全にレスポンシブであり、カスタマイズ可能なAndroid風パターンロックコンポーネント(Angular用)。
- smt-select - 高性能で軽量かつカスタマイズ可能なAngularセレクトコンポーネント。内部に仮想スクロールと検索機能を備えている。
- ngx-mat-searchable-select - 無限スクロール、デバウンス検索、「アイテムなし」というフィードバック、静的/モックデータ対応を備えた再利用可能なAngular Materialセレクトコンポーネント。
- mat-password-meter - Angular パスワード強度メーター (zxcvbn, NIST準拠、カスタマイズ可能)
- nicematic-emoji-picker - 929個のエモジをサポートし、自動テーマ、i18n、レスポンシブデザインを備えたAngular 17以降向けの高性能・ゼロ依存エモジ選択器。
- ngx-starflow - 高精度で分数星評価を表示する軽量Angularコンポーネ及。
- combobox - マルチセレクトと自動補完機能を内蔵した、すべてを網羅したAngularセレクトソリューション。
- BlossomColorPicker - Web向けに提供される、洗練された花咲く色選択器。Angular、React、Vue、Svelte向けに軽量ラッパーを備えたスタンドアローンJSライブラリ。
- ngx-intl-phone-input - アクセシブルでヘッドレスのAngular国際電話入力。CDKを活用した国選択機能を備えている。
- ngx-colors2 - Angular 20+向けにアップデートされた、マテリアルスタイルのAngular色選択器。シグナルを使用し、アニメーション依存なし。
- ngx-signal-datetimepicker - シグナルフォームに基づいたAngular日時選択器 — 日付と時刻を1つのコントロールで、ゼロ依存、WCAG 2.2 AAAを標準で備える。
- ngx-multi-field-dropdown - マルチフィールド検索をサポートするカスタマイズ可能なAngular検索可能なドロップダウンコンポーネント。
- angular-multiselect-dropdown - テンプレート駆動および反応型フォームに最適化された、メンテナンスされたAngularマルチセレクトドロップダウン。
- @koenz/angular-datepicker - Angular 21+向けのアニメーション付き日付選択器。
- ngx-dual-rangepicker - Angular 20+およびAngular Material M3向けのダブルカレンダー日付範囲選択器。
- ngx-libs-workspace - 小さな反応型フォームコントロールファミリー—シグナルフォームに基づき構築され、CSSカスタムプロパティでカスタマイズ可能で、Angular Material、Angular CDK、
ControlValueAccessorを使用しない - @some-angular-utils/date-range-picker - 反応型フォームに直接統合される日付範囲選択器。
JSONフォーム
- ngx-formly - Angular向けのJSON駆動型動的フォーム。
- formio - Angular向けのJSON駆動フォーム。
- fluent-form - Fluent APIまたはJSONを使ってAngularで動的フォームを構築する。
- jsonforms - React、AngularおよびVueに対応したカスタマイズ可能なJSONスキーマベースのフォーム
- jsonforms-angular-seed - AngularベースのJSONフォームのサンプルアプリ
- ng-formworks - Angular JSON Schema フォームビルダー。 Angular Schema Form、 React JSON Schema Form、 JSON Form と類似であり、ほぼAPI互換
- DynamicAngularForm - 関連する値を含むJSONを渡すことで動的フォームを作成
- dynamic-forms - JSONに基づく動的フォームを実現するAngularプロジェクト
- json-forms-zorro-wrapper - Ng Zorro向けのJSONフォームライブラリのラッパー
- ngx-formwork - JSONまたはTypeScript構成から構築されたAngularの反応フォームフレームワーク
- ngx-formbar - 宣言型反応フォームを生成する非常に柔軟なフレームワーク
- formitiva - JSONスキーマからフォームを構築するためのフレームワークに依存しないランタイムエンジン
- filter - フィールドを一度定義することで、すべての検索時に使用可能なJSONオブジェクトとURLクエリ文字列を取得
- ngx-json-forms - 40以上のフィールドタイプ、高度なバリデーション、条件付き論理、ウィザード、リピーターを備えたテンプレートなし、JSON駆動のAngularフォームエンジン
フォーム検証
- ngx-valdemort - シンプルでクリーンなAngularバリデーションエラーメッセージ
- validointi - テンプレート駆動フォームのバリデーションを支援するライブラリ
- angular-reactive-validation - HTMLを大量に書く必要のないことで、反応フォームのバリデーションを簡略化するライブラリ
- ngx-formcontrol-errors - Angularフォームコントロールにおけるエラーを表示するためのディレクティブ
- ngx-validator-pack - 使用を簡素化し、迅速にカスタマイズ可能なバリデーションのコレクション
- ngx-reactive-form-class-validator - class-validator ライブラリを使用してAngular反応型フォームを動的にバリデーションするための軽量ライブラリ
- ng-error-tooltips - ユーザーに親しみやすいバリデーションメッセージを表示するAngular反応フォームライブラド
- ng-reactive-form-validate - カスタマイズ可能なメッセージ、Transloco統合、スタイル化されたエラーラベルを備えたフォームバリデーションを簡素化するAngularライブラリ
- angular-password-checker - ハッキングされたパスワードを再利用するユーザーを防ぐためのシンプルなAngularディレクティブ
- translation-validation - Angularフォームにおける任意の言語での自動バリデーションメッセージ
- polish-validators - ポーランド向けフォーマットに特化したバリデーションライブラリ。Angular向けラッパーとして ngx-polish-validators で提供
- ngx-mat-errors -
MatFormField内でのエラーメッセージの表示にシンプルかつ柔軟なアプローチを提供 - oop-validator - Vue、React、Angularなど、あらゆるUIフレームワークに適用可能な強力で柔軟なバリデーションライブラリ、完全なフロントエンドバリデーション
- ngx-cross-field-validation - フォームコントロールに対して条件付き、等値、不等値、および順序ベースのバリデーションを提供するAngularライブラリ
- validauth - JavaScriptアプリケーション向けの軽量かつ強力な認証バリデーション
- ngx-validation-messages - このモジュールは、1つのコンポーネントを使用することでフォームバリデーションメッセージの表示を簡略化します
- ngx-validx - 軽量で高パフォーマンスであり、自動的にフォームバリデーションエラーを処理するAngularライブラリ
- kits-ngx-validation-package - 状態管理、メッセージ、可視性戦略、ローカライズ、再利用可能なフォームフィールドを含む中央集約型バリデーションシステムを提供
アイコン
- angular-fontawesome - Font Awesome 5+の公式Angularコンポーネント
- ng-icons - Angular向けの究極のアイコンライブラリ
- angular-svg-icon - SVGをインラインに表示できるAngularコンポーネ及サービス。CSSで簡単にスタイル設定が可能
- ng-hero-icons - Angularアプリケーションに Heroicons を使用してください
- ngx-fluent-ui - Microsoft Fluent UIアイコン向けのAngularおよびオンラインライブラリ
- angular-line-awesome - Angular Line Awesomeは、 Line Awesome イコンを管理するAngularコンポーネント
- angular-techs-logos - 技術関連のアイコンを収録したライブラリ
- ngx-x-browser-svg-mask - SVGマスクを作成する際に、クロスブラウザ互換性を容易に達成するためのディレクティブ
- Semantic Icons - Angularプロジェクト向けの無料オープンソースアイコンコレクション(コンポーネントセレクタとSVGタグを使用)
- coolshapes - coolshapes から派生した、見た目がカッコよく、細かいグラデーションを含む抽象的な形状を、開発者が簡単に使用できるAngularライブラリ
- lucide - オープンソースのアイコンライブラリで1000以上のSVGが含まれており、簡単に統合できる official Angular package を備えています.
- @ngverse/icons - 人気のオープンソースアイコンを通常のコンポーネントとして使用できるAngularライブラリ
- ngxi - Angular向けに包括的なSVGアイコンセット。数千の人気アイコンをスムーズに統合しています
- animated-icons - Angular向けのアニメーションアイコン( moving icons に基づく).
- @hugeicons/angular - 5,400以上の無料MITライセンス付きのストローク丸いアイコン(Angular用)
- @quikturn-sdk/logos-angular - TypeScript SDK( Quikturn Logos API )—ドメイン名から任意の企業のロゴを取得できます.
- GeoIcons - すべての国、領土、世界地域に対して地図アイコンを提供。Tree-shakable Angularスタンドアローンコンポーネント
- ngx-iconify-stack - 軽量でSSR対応可能なAngular用の Iconify のラッパー.
- vadivam - SVG、React、React Native、Vue、Svelte、Solid、Angular、Astro、Preactに適合するピクセル正確な24pxアウトラインアイコン
- ycon.cc - 300,000以上のIconifyアイコンを検索し、React、Vue、Symfony、Next.js、Astro、Svelte、Angular、Laravelなどに即用可能なコードをコピーできます
画像
- cloudinary - CloudinaryのAngular SDK
- ng-cropper - Angular用の画像カッター(
CropperJSをベースに構築)で、カスタマイズ可能なインターフェースとオプションのツールバーを備え、スムーズなカットが可能になります. - ngx-advanced-img - HTML img機能を拡張するさまざまな属性ディレクティブを提供するAngularディレクティブセット
- ngx-avatars - ngx-avatar の精神的継承者です.
- ngx-broken-img - 画像のURLが404エラーを返した場合、プレースホルダーを画像のsrcに適用するAngularディレクティブ
- ngx-image-compression - Angular用の軽量画像圧縮および変換ライブラリ
- ngx-image-cropper - Angular用の画像カッター
- ngx-image-magnifier - キーボード操作をサポートし、スマートな配置、モバイル最適化、スムーズなGPU加速アニメーションを備えたAngular画像拡大ディレクティブ
- ngx-img-cropper - Angular用の画像カッターツール
- @jjmhalew/ngx-lightbox - Angular >= 18(zoneless)で使用できる lightbox2 の実装を移植したものです.
- @necraidan/ngx-lightbox - ゼロ依存で、ズーム、パン、ピンチズーム、キーボードナビゲーションをサポートする軽量かつアクセシブルなAngular 21+用のライトボックス
- ngx-pinch-zoom - タッチスクリーンジェスチャーを用いて画像のズームと配置を可能にするモジュール
- ngx-smart-cropper - カット、サイズ変更、ドラッグ&リサイズ、グリッドオーバーレイ、アスペクト比サポートを備えたAngularのスタンドアローン画像アップローダー
- unpic - 自動srcset、サイズ設定、CDN/CMS URL検出をサポートする、レスポンシブかつ高性能な画像を扱うAngularディレクティブ
- ngx-image-fallback - Angular用の画像フォールバックディレクティブ
- ng-image-optimizer - 高パフォーマンスのAngular SSR画像最適化ツールで、 Sharp を使用してNext.js風の体験を提供します.
- ngx-ratio-image - 固定アスペクト比のコンテナ内に可変アスペクト比の画像を表示するためのAngularライブラリ
- ngx-image-forge - アスペクト比の調整、回転、反転、エクスポートをサポートするゼロ依存のAngular画像編集ライブラリ。Signals-native
- ng-smart-images - ハッシュ化されたアセット、ランタイムマニフェスト、オプションのAngularヘルパーを備えたCLI中心の画像最適化
キーボード・マウス
- angular-touch-keyboard - Angularアプリケーション向けの仮想キーボード
- ngx-contextmenu - Angular用のコンテキストメニューコンポーネント
- ngx-keys - キーボードショートカットを管理する反応型Angularライブラリ(SignalsベースUI統合)
- focusly - ウェブアプリケーションに直感的でキーボード駆動のナビゲーションを提供する軽量Angularライブラリ
- ngx-arrow-state - 矢印キーでターミナル/シェルのような入力履歴ナビゲーションを提供し、テキストエリアにはCtrl+Enterによるフォーム送信をサポートするAngularライブラリ
- angular-onscreen-material-keyboard - Angular Materialを使用したAngularアプリケーション向けの画面上の仮想キーボード
- @TanStack/hotkeys - 型安全なキーボードショートカットライブラリ(素晴らしい開発ツール付き)
- ngx-keyboard-shortcuts - アーカイブされた ngx-keyboard-shortcuts パッケージの積極的に維持されているフォークで、Angular 16以降のサポートと現代的なツールを追加しています.
- ngx-command-palette - ゼロ設定でキーボード操作可能なAngularコマンドパレット。自動登録ルート、カスタムコマンド、非同期検索、文脈に応じた表示をサポート。
レイアウト
- angular-split - Angularのスプリットコンポーネント。
- ngx-layout - Angular FlexLayoutのクローン。
- ng-sortgrid - すべてのアイテムをドラッグ&ドロップで並べ替え可能なグリッド。
- angular-gridster2 - Angular gridster 2.
- angular-grid-layout - レスポンシブグリッド。Angularアプリケーション向けにドラッグ可能かつリサイズ可能なアイテムを提供。
- gridstack - モバイル対応のTypeScriptライブラリ。Angular対応のドラッグ&ドロップ、マルチカラムレスポンシブダッシュボードを提供。
- ngx-flickering-grid - アニメーションされたグリッドパターン背景を持つコンテナを作成するためのシンプルなコンポーネントライブラリ。
- ngx-gridpattern - パターン背景を持つコンテナを作成するためのシンプルなコンポーネントライブラリ。
- ngx-retro-grid - カスタマイズ可能な色、回転、スムーズアニメーションを備えた3Dパースペクティブグリッドコンポーネント。 nostalgicsやフェューチャリストな効果に適した。
- ngx-bottom-sheet - 高度にカスタマイズ可能で軽量なAngularサービス。モバイル対応のボトムシートコンポーネントを提供。
- ngx-swipe-menu - 「左にスワイプでアクション」体験を作成するためのコンポーネント。
- berg-layout - このモノリポジトリには、 Berg Layout for Angular 、React、およびWeb Componentsのバージョンが含まれています.
- static-columns - AngularとFlexBoxで静的幅を持つカラムを定義。
- ngx-flex-layout - EOL後のサポートを提供する Angular Flex Layout の移植です.
- ng-polymorpheus - Angularにおけるポリモーフィックテンプレート用の小さなライブラリ。
- gui - 設定可能なパネル用のJSON駆動GUI。
- ngx-zoomable - 拡大・スクロール可能なコンテナコンポーネ及。Angularアプリケーション向け。
- ngx-material-drawer - カスタマイズ可能なAngular Materialのドロワーとツールバー。
- @marxlnfcs/ngx-grid - 現代的なグリッドレイアウトを実現するシンプルなAngularグリッドモジュール。
- lightweight-grid-layout - フレームワークや非対応でも動作する、依存関係のないヘッドレスグリッドレイアウトライブラリ。JavaScript/TypeScriptで構成。レンダリングとスタイル設定はユーザーに任せる。
- ng-flex-layout - Flexboxとメディアクエリのオブザーバブルをベースにした、レスポンシブで柔軟なレイアウトAPIを提供するAngularライブラリ。
- dockview-angular - タブ、グループ、グリッド、スプリットビューをサポートするゼロ依存レイアウトマネージャー
- ngx-compactable-row - スペースが限られている場合、余分なボタンをメニューに移動するレスポンシブボタン行を提供
- ng-cmdk - Angular向けの高速で組み合わせ可能な未スタイルコマンドメニュー — cmdk の移植です.
- ngx-dock-layout - IDE風にリサイズ可能なパネルレイアウトを作成するAngularライブラリ
- layn - フレームワークに依存しないレイアウトエンジン。バーチャル化された、SSR決定性のマゾンリーおよび正当化されたパッキングレイアウトを備えている
ローダー
- angular-busy - プロミス/オブザーバブル中の任意の要素にバッシ/ロードインジケータを表示
- angular-smart-skeleton - 動的な行、列、カード、リスト、テーブル、カスタムレイアウトに対応する柔軟で再利用可能なAngularのスケルトンローダー
- angular-svg-round-progressbar - SVGを使用して円形プログレスバーを作成するAngularモジュール
- boneyard - React、Preact、Vue、Svelte、Angular、React Nativeに対応する自動生成スケルトンローダーフレームワーク
- groupix-spinner-library - スムーズなロードアニメーションを実現する軽量Angularスピナーライブラリ
- loaderx-arun - 500以上の次世代アニメーションUIローダー
- loadingTrace - ゼロテンプレート、76のアニメーション、自動追跡、名前付きオーバーレイ、確定プログレス、実行時設定、シグナルを備えたAngularロードオーバーレイ
- ng-overlay-skeleton-loader - カスタマイズ可能なスケルトンロード状態をコンポーネントに追加する軽量Angularディレクティブ
- ngx-fastboot - スタートアップパフォーマンスを向上させる動的Angular設定ローダー(設定を別チャンクでコンパイル)
- ngx-loader - 状態管理用サービスを備えた基本的なローダー
- ngx-loader-indicator - Angularアプリケーション向けに素晴らしいローダー。ラッパーなし、ただあなたの要素だけ。
- ngx-loading-bar - Angular向けの自動ページロード/進行バー
- ngx-loading-buttons - Angular Materialボタンにロードスピナーを追加する軽量Angularライブラリ
- ngx-loading-overlay - HTMLにロードオーバーレイを追加するAngularディレクティブ
- ngx-progressbar - リアルな滴下アニメーションを備えたナノスケールプログレスバー
- ngx-promise-buttons - Angular向けの冷却されたロードボタン
- ngx-signal-loading-bar - Angular用の軽量で、シグナルベースのゾーンレスロードバー
- ngx-skeleton-loader - Angularアプリケーションに自動的に適応する、美しいアニメーション付きロードスケルトンを作成します
- ngx-source - アプリケーション実行中にJavaScriptおよびCSSを動的にロードします
- ngx-spinner - Angular用のロードスピナー用のライブラリ
- ngx-spinner-loading - グローバル、セクション、インラインローダー、HTTPインターセプタ、シグナルベースの状態を備えた軽量かつカスタマイズ可能なAngularスピナー
- ngxsmk-skeleton-loader - SCSSアニメーションと簡単なテーマ設定を備えた軽量スケルトンローダー
- ngx-ui-loader - フォアグラウンド/バックグラウンドモード、進行バー、マルチローダーをサポートする柔軟なAngularローダー/スピナー
- phantom-ui - 構造を認識するスケルトンローダー。1つのWebコンポーネント。すべてのフレームワークに対応。
- shimmer-from-structure - React、Vue、Svelte、およびAngular用のシャイマー/スケルトンライブラリ。コンポーネントの実行構造に自動的に適応します
- skedapt - Angular用のゼロ設定アダプティブスケルトンローダー。ホスト要素に装飾され、スケルトンがコンテナの自然なレイアウトに自動的に適合します
- skeletonizer - VueおよびAngularアダプタを備えた、軽量かつカスタマイズ可能なスケルトンビュー生成パッケージ
- skeleton-styler - カスタマイズ可能なスタイルとアニメーションを備えた、フレームワークに依存しない軽量スケルーンロードUI生成ライブラリ
ロガー
- lumberjack - 柔軟なAngularログライブラリ。内蔵ドライバーとカスタムログドライバーへの簡単なカスタマイズをサポート。
- log4ngx - Log4j、Log4netなどに使われるコンセプトに基づいたAngularプロジェクト用のTypeScriptログフレームワーク
- candy-logger - JavaScript/TypeScript用の軽量ログライブラリ。ブラウザではポップアップUI、Nodeでは強化されたターミナル出力に対応。
- @pubfunc/ngx-common-log - 複数のトランスポート、ログレベル、名前空間、依存性注入をサポートする柔軟なAngularアプリケーション用ログライブラリ
地図
- cesium-angular-example - LATESTバージョンのAngularとの統合を示すシンプルなウェブアプリケーションです. Cesium
- ngx-mapbox-gl - Angularとのバインディング(
mapbox-gl-js). - ngx-leaflet - Angular用のLeafletのコアパッケージ
- ngx-leaflet-markercluster - Angularプロジェクトへの leaflet.markercluster の統合を提供します.
- ngx-maplibre-gl - maplibre-glのAngularバインディング
- ng-azure-maps - azure-maps-controlsのAngular用HTML駆動ラッパー。Angularアプリケーションへの簡単な統合を可能にします
- ngx-gaia-gis - 強力な OpenLayers ライブラリを使用して地図の作成とインタラクションを簡易化するAngularサービスです.
- ngx-google-maps-places - Google Maps Places APIのAngular用ラッパー。Google Placesの統合を簡略化します
- angular-yandex-maps - Yandex.Maps Angular コンポーネント。Yandex.Maps JavaScript API を実装したもの。
- workletjs - OpenLayers とのシームレスな統合を可能にする Angular マップ コンポーネント ライブラリ。開発者がインタラクティブかつカスタマイズ可能なマップを作成できるようにする。
- ng-simple-maps - Angular アプリケーション向けの美しい、軽量な SVG ワールドマップ。
Markdown
- angular-markdown-editor - Angular マークダウン エディタ。すべてを一括で提供するマーカード編集とプレビュー機能。
- markular - Angular 用の軽量マーカードエディタ。
- mdbook-angular - mdbook のレンダラーで、Angularコードサンプルを実行可能なAngularアプリケーションに変換します.
- md-juice - マーカード HTML 出力用の軽量、トークン化された CSS テーマ。
- ngx-markdown - Marked、Prism.js、Emoji-Toolkit、KaTeX、Mermaid および Clipboard.js を組み合わせた Angular ライブラリ。
- ngx-markdown-pages - マーカードファイルをルート可能なページとしてレンダリングする Angular ライブラリ。
- ngx-md-editable - 軽量な Angular コンポーネントでマーカードを編集し、表現力のある HTML コンテンツをレンダリング。
- ngx-md-slides - マルチ言語プレゼンテーションを作成する際、マーカード、HTML、およびライブ例を提供する Angular コンポーネントを使用。
- ngx-remark - カスタム Angular テンプレートでマーカードをレンダリング。
- ngx-streamdown - AI駆動アプリケーション向けに最適化されたストリーミングMarkdownレンダラーである Streamdown のAngular版です.
- mark-down - フレームワークに依存しないスニペットエンジンで、Angular アダプタがビルド時にマーカードをインデックス化し、実行時にHTMLをレンダリング(オプションでセイフティ処理)。
- m-render - Angular コンポーネンツおよびコードスニペットに拡張されたサポートを備えたマーカードレンダリングライブラリ。
- markstream - マーカードがストリーミング中にもレンダリング。
- streamdown-angular - AIチャットUI向けに構築されたストリームセーフなMarkdownレンダリング( Vercel Streamdown のAngular版).
メディア
- angular-audio-context - Web Audio API の AudioContext を Angular でラップしたもの。
- silicon-audio-wave - Silicon から提供される非常にシンプルなオーディオ波形システム。
- Vidstack - カスタムウェブメディアプレイヤー向けのUIコンポーネントを備えたフレームワーク、さらにカスタマイズ可能なデフォルトレイアウトを提供します。See installation guide.
- @dytesdk/web-core - AngularアプリケーションへDyteのLivestream SDKを追加する方法を示すクイックスタート。
- voicecapture-angular - 声入力とトランスクリプションの処理にカスタマイズ可能なオプションを提供し、ユーザーインターフェースの強化に柔軟なソリューションを提供。
- ngx-cam-shoot - デバイスのカメラを使用する際の簡易な Angular コンポーネント。画像のキャプチャと保存を加速する。
- cometchat-uikit-angular - CometChat Angular UI Kit は、迅速かつ信頼性の高い、完全に機能するチャット統合用の事前構築されたUIを提供しています.
- ngx-user-camera - 現代的な Angular 20+ カメラコンポーネント。前後カメラの切り替え、オプションのキャンバスレンダリング、ゾーンレス反応シグナルを備える。
- ngx-rumbletalk - An Angularライブラリによる Rumbletalk グループチャットの実装.
- ng-three-model-cropper - An Angular
Three.jsライブラリで、GLB/FBX対応の3Dモデルカットと三角形除去エクスポートを可能にします. - @ngx-core/media-optimizer - プロフェッショナルなフレームワークに依存しない画像最適化、変換、圧縮ライブラリ。
- ngx-streaming-player - HLS、DASH、MP4、YouTubeを1つのAPIで扱える統合型プラグアンドプレイ型ビデオプレイヤーコンポーネント
- ngx-pro-media-player - Angularによるメディアプレイヤー。音声、動画、キュー、クロスフェード、歌詞、右から左への表示対応をサポート
- MediaSFU-Angular - AngularによるWebRTCによるビデオ会議、ウェビナー、ライブストリーム、チャット、スクリーン共有、録画、ブレイクアウトルーム、ホワイトボード、ポール、リアルタイム字幕、翻訳をサポートするSDK
- ngx-sync-videos - 複数の動画を同時に再生し、同期・オフセットを実現するAngularディレクティブ
複合ユーティリティ
- Official Angular Components repository - Angular向けのコンポーネントインフラとMaterial Designコンポーネント
- rx-angular - パフォーマンス、テンプレートレンダリング、開発体験に焦点を当てた完全に反応型アプリ向けのRxAngularツールキット
- ng-web-apis - AngularでWebAPIを消費するための共通ユーティリティセット
- daffodil - Angular Ecommerce PWAフレームワーク
- ngworker - @ngworker NPM組織のモノリスリポジトリ。Angularアプリケーションおよびテスト用パッケージ
- jscutlery devkit - Angular開発者にとって便利なツールセット
- lithium-angular - Lithiumは、スムーズな反応型状態とイベントの相互作用を実現するユーティリティでAngularを簡略化
- rxweb - Angular、Vue、Reactプロジェクト向けに豊富な機能を備えたパッケージが多数存在
- ngspot - 素晴らしいAngularライブラリのコレクション
- ts-cacheable - プラットフォームに依存しないキャッシュライブラリとして人気がある
- ngxtension-platform - Angular向けのユーティリティ
- spartan - Angularフルスタック開発を支える最先端ツール
- ngify - Angularの機能をAngular以外の場面でも利用可能
- angular-ru-sdk - 一般的なインタラクションパターン向けのツールチェーンセット。Angularの核心機能を抽象化し、プレゼンテーションバイアスを排除
- dfts-common - TypeScriptライブラリ(アイコンやその他のユーティリティ)のコレクション
- dfx-common - Angularライブラリのコレクションで、
dfx-qrcodeを含むものがあります. - sba-angular - Sinequa’s によるAngularベースの検索ベースアプリケーション(SBA)フレームワーク.
- ng-as - テンプレート変数の型変換に用いるAngularのパイプとディレクティブ
- angular-toolbox - Angularアプリ開発に役立つユーティリティを提供するライブラリ
- ngx-lift -
clr-liftとngx-liftは、Angularにユーティリティ、オペレーター、コンポーネントを追加し、開発を簡略化します. - firestitch - 多くのオープンソースAngularソリューションが Firestitch から提供されています.
- @studiohyperdrive/ngx-tools - Studio Hyperdrive チームが開発・維持しているAngularベースのパッケージを複数提供する一元リポジトリです.
- ngx-utility - フォーム、ゾーン、DOM操作、HTTPリクエストなどへのさまざまなヘルパー
- ssv.ngx - sketch7 から提供されるライブラリの一元リポジトリ。 ngx.command はAngular向けのコマンドパターン実装であり、 ngx.ux はアプリ開発に必要なUXエッセンスとユーティリティを提供します.
- ng-kit - Angular MaterialとBootstrap 5.xを使用して構築された再利用可能なAngularコンポーネント、日付、フォーム、文字列操作用のユーティリティクラス/関数
- nxt-components - さまざまなAngularコンポーネントを集めたコレクション
- ngx-signal-plus - Angular Signals向けの包括的なユーティリティライブラリで、拡張機能、オペレーター、ユーティリティを提供
- ngx-nuts-and-bolts - Infinum が使用している、よく使われるAngular関連コードのコレクションです.
- ngx-signals-plus - 開発者の体験を向上させる追加のSignals
- ng-tool-collection - Angularで書かれた有用なツール
- yaagoub - デコレーター、ディレクティブ、アイコン、サービス、OAuth 2.0を用いて開発を加速
- @everllence/ngx-tools - このリポジトリには、Angular開発体験を高めるためのライブラリのコレクションが含まれています
- ngx-oneforall - 再利用可能なパイプ、ディレクティブ、サービス、デコレーター、定数、エnumなどを持つAngularライブラリ
- angular-signal-generators - Angular Signalsジェネレータは、Signalsとユーティリティを活用して、より高速でクリーンなコードを実現します
- mmstack - mmstackライブラリのためのモノリスリポジトリ
- @shanieMoonlight/moonlight-repo - SpiderBabyのオープンソースAngularライブラリ、ユーティリティ、デモアプリケーションのモノリスリポジトリ
- @jchpro/ng - Angular向けのさまざまなライブラリの一元リポジトリ。 example page へアクセスして詳細を確認してください.
- rxap - ウェブおよびクラウドアプリ開発の負担を軽減するモジュールとツールのコレク類
- ng-util - Angular用のユーティリティセット
- reactive-kit - 反応型Angularアプリケーション向けの軽量ユーティリティで、ボイラープレートを削減し、
ngxtensionと良好に組み合わせます. - fireng - Signalsを用いてレスポンシブ開発を簡素化するためのAngularライブラリのコレクション
- xprng - Angular向けのシンプルでスマートなコンポーネントのマイクロパッケージ
- ngx-primeng-toolkit - TypeScriptによるAngularの状態管理用の包括的なユーティリティ、PrimeNGヘルパー、
ng-select、ストレージ、NgRxキャッシュを含むもの. - @ibenvandeveire opensource - Iben Van de Veire チームが開発・維持している、Angularおよび非Angularのパッケージを複数提供する一元リポジトリです.
- @farfadev/ngx-lib - Farfadev から提供されるAngularライブラリのリポジトリで、どのアプリケーションにも利用可能です.
- ngx-security - 認証、ロール、権限管理用のモジュラリーライブラリ
- ng-catbee - Catbee チームが開発・維持しているAngularライブラリのコレクションです.
- ngx-persian - ペルシャアプリケーション向けの完全機能ツールセット
- acontplus-libs - ドメインドリブンデザイン(DDD)アーキテクチャ、コアユーティリティ、エンタープライズアプリケーション向けAngular Material UIコンポーネントを提供するNxモノリスリポジトリ
- Angular Directive Workspace - Angularの一元リポジトリで、独自のディレクティブおよびユーティリティライブラリを多数提供しており、 ng-signals-utils を含みます.
- angular-cool - Angularの開発者に優しいユーティリティが詰まった単一リポジトリで、UI、ストレージ、ネットワーキング、パフォーマンス機能を簡単に導入してアプリを強化します
- dasch-ng - 現代のウェブ開発に必要な再利用可能なAngularライブラリとTypeScriptユーティリティのコレクション
- ngx-schema-tools - JSONスキーマ編集、視覚データマッピング、動的フォームレンダリングに向けたAngularライブラリを含む単一リポジトリ
- angular-3d - 素晴らしい3Dグラフィックスとスクロールアニメーションを構築するための現代的なAngularライブラリ
- npm-ntk-cms-angular - この単一リポジトリには、現代のCMSアプリケーション開発に最適な9つの再利用可能なAngularライブラリが収録されています
- ngx-vertex - Angularアプリケーション内で有向無サイクルグラフモデルを作成・管理するための設計されています
- telperion - 現代ウェブ開発向けの高品質でフレームワークに依存しないユーティリティとツールのコレクションで、 ng-pack を含みます.
- signality - Angularで反応型コンポジションを構築するための原子的なユーティリティのコレクション
- @alvaromarinho/libs - Angular 14以降の互換性を保つ、一般的なUIニーズに応じたAngularライブラリのコレクション
- angular-helpers - セキュアでブラウザに統合されたアプリケーションを構築するための、クリーンな開発体験を提供するAngularライブラリのセット
- ngneat-archive - ngneat リポジトリの読み取り専用保存アーカイブです。
- Indice.Angular - Angular v20以降のアプリケーション向けに、認証、設定、再利用可能なコンポーネントを提供するAngularライブラリのコレクション
- trt-web-utils -
@trt-webパッケージのモノリスリポジトリで、Firebase admin ヘルパー ライブラリを含む。 - dgkit - 成長中のオープンソースフロントエンドに依存せず、Angularライブラリ、開発ツール、フロントエンドユーティリティのコレクション
モーダル
- ngx-dialog - Angular 16以降向けの型安全なAngularダイアログディレクティブ
- ng-modal-service - シンプルなAngularモーダルサービス
- strictly-typed-mat-dialog - matダイアログ周りの型安全を高めるためのAngularマテリアルライブラリ
- angular-confirmation-capture - ユーザーの同意を取得するために、プログラム的に確認ボックスを表示する、シングルトンのグローバルAngularサービス
- angular-anchored-floating-box -
TemplateRefまたはコンポーネントコンテンツにアンカーを置く浮遊ボックスをレンダリングする、Angular のシングルトンサービス。 - ngx-side-page - サイドパネルのスライドアウトを実現する、スムーズでサービスベースのアニメーションを備えたAngularライブラリ(例:サイドページのMaterialダイアログ)
- async-modal-ngx - このライブラリは、データフローを柔軟に制御しながら、すべてのスタイルとモーダルホストのデザインは開発者が責任を持つように設計されています
- rnd-dialog - CDKダイアログをベースにした、リサイズ可能かつドラッグ可能なダイアログ
- prettier-modals - Prettier モーダルのための Angular ディレクティブとインジェクタブルサービス — GSAP Flip によって駆動された、本質的な
<dialog>要素への開閉アニメーション。 - ngx-call - Angular 用の命令型、型安全かつプロミスベースのダイアログ。 React Call の
createCallableにインスパイアされたもの。 - ngx-dialog-forge - ネイティブダイアログ要素に基づいた、宣言型かつシグナルネイティブなAngularダイアログライブラリ
- ngx-modalieur - Angular CDK Dialogを用いて構築された、Bootstrapスタイルのモーダル
- ngx-minimal-modal - 小さな、意見のないライブラリで、Angularアプリ内でモーダル(ポップアップ)を扱うためのシンプルな方法を提供しています。
通知
- alert-bar-library - 成功、情報、警告、エラーといった文脈に応じたメッセージを、現代のウェブアプリと一致するクリーンでアクセシブルなスタイルで表示します。
- angular-bootstrap-toast-service - Bootstrapに基づいたトースト通知を送信するAngularプロジェクトに、Vercelでのデプロイを含んでいます。
- angular-notification - プログラム的に通知を表示する、シングルトンのグローバルAngularサービスです。
- angular-toaster - Angular2-Toaster のアップデートされたフォーク。
- grand-notifications - 美しくカスタマイズ可能なトースト通知と芸術的なアニメーションを提供します。
- hot-toast - Angular向けに非常にパワフルなトースト通知です。
- makki-toast-package - カスタマイズ可能なトーストコンポーネントで、カスタマイズされたアラートの作成と管理を簡素化します。
- mk-magic-messages-library - Angular 20以降のアプリケーションで、アニメーション付きの成功、情報、警告、エラーアラートを簡単に表示できます。
- ngx-advanced-toast - ナチュラルな
<dialog>要素に基づく高度な Angular ツールチップ通知 — シグナルファースト、RxJS なし、CSS によるアニメーション、完全にアクセシブル。 - ngx-alertifying - デバイスや文脈に応じてスタイリッシュでアクセシブルなフィードバックを提供する、カスタマイズ可能でレスポンシブなAngularアラートコンポーネントです。
- ngx-cozy-popup - 現代のウェブアプリケーション向けにフレームワークに依存しないポップアップとトーストライブラリです。
- ngx-french-toast - 軽量でカスタマイズ可能なAngular 14以降のトース及ライブラリで、情報メッセージやフィードバック、動的コンポーネントサポートを提供します。
- ngx-modern-alerts - フロントエンドのバナーとフローティングアラートに柔軟なAngularシステムを提供し、ハブ、タイムアウト、カスタムアクションなどもサポートします。
- @klausbrandner/ngx-notifications - シンプルで軽量なAngular向けトースト通知です。
- ngx-notifier - Angularアプリケーション向けのシンプルな通知サービスです。
- ngx-popify - Angular 16以降で反応的なシグナルを使用して構築されたトースト通知で、ビューコンポーネントを介して簡単に統合できます。
- ngx-signal-toast - Angular 21以降向けのシグナル中心のトースト通知ライブラリで、ゾーンレス対応、ゼロ依存、SSR安全、強力なテーマサポートを提供します。
- ngx-snotifire - 複数の通知タイプ、同時位置、豊かな設定、完全なカスタムスタイル、内蔵テーマ、コールバック、カスタムHTMLサポートを提供する柔軟なトーストライブラリです。
- ngx-sonner - Angular向けに意見のあるトーストコンポーネントです。@emilkowalskiのsonnerのポートです。
- ngx-sweetalert2 - Angular向けに宣言的、反応的、テンプレート駆動のSweetAlert2統合です。
- ngx-toast - 軽量で高パフォーマンスでゾーンレス対応可能なAngular 21以降およびReact 18以降向けトースト通知ライブラリです。
- @IQXLimited/ngx-toastr -
ngx-toastrのフォークで、追加機能、改善点、カスタマイズを提供するもの - ngx-toastr-notifier - 軽量でカスタマイズ可能な Angular 20+ ツールチップ通知、Material デザインと柔軟なAPIを備え、
toastrを置き換える。 - Notiflow - Angular 用の現代的なツールチップ/通知ライブラリ — シグナルベース、スタンドアローン、ゾーンフリー、
@angular/animationsを使用せずに構築。 - notifyx - JavaScript/TypeScript用のシンプルでカスタマイズ可能なトーストライブラリ(依存関係なし)
- OneSignal - OneSignal を Angular アプリに統合するための onesignal-ngx。プッシュおよびアプリ内メッセージをサポート。
- toastify - ウェブアプリケーション向けに軽量かつカスタマイズ可能なトースト通知
- web-notifier - 軽量で柔軟なウェブ通知ライブラリ。ブラウザ通知に簡単なRxJSベースAPIを提供
- ngx-dynamic-toast - 美しい、液体のように滑らかなツールチップ通知ライブラリ。 Sileo プロジェクトに強くインスパイアされたもの。
- flexi-toast - Angular用のトースト通知コンポーネント。タイトル、メッセージ、アイコンタイプ、自動閉じ、手動閉じ、アニメーション、テーマ、配置をサポート
- ngx-notitia -
ngx-toastrのアップデートされたフォーク。Angular 21以降向けに追加機能、修正、現代化を加えたもの - ngx-herald - 軽量で現代的なAngularトースト通知ライブラリ。シグナル優先、ゾーンフリー対応、実行時依存関係なし、ngx-toastrの代替として使いやすい
- ngx-gooey-toast - React の gooey‑toast を Angular に移植した、変形するpill-to-blob ツールチップコンポーネント。
- ngx-yet-another-toast-library - 軽量でシグナルベースのAngularトースト通知ライブラリ。Bootstrap 5の色パレットをサポート
- ngx-mat-toast - Angular マテリアル
MatSnackBarをベースにした Angular ツールチップ通知ライブラリ。 - ngx-retoast - アーカイブされた
ngx-toastrライブラリのリライト。現代的なAngularアプリケーション向けに設計
オンボーディングと製品ツアー
- angular-shepherd - サイトツアーライブラリ Shepherd をラップした Angular サービス。
- skyux - Angular用のSKY UXコンポーネント
- ngx-ui-tour - angular-ui-tour にインスパイアされた UI ターミナルライブラリ。
- ngx-onboarding - スムーズなAngularチュートリアルをサポートするオンボーディングライブラリ。ユーザーがアプリを迅速に学習し、ナビゲートできるように支援
- ngx-web-tour - アニメーションとプロフェッショナルなUIをサポートするAngularアプリケーション向けカスタマイズ可能な製品ツアーライブラリ
- ngx-intro - Intro.js のシンプルな統合を提供する Angular ライブラリ。インタラクティブなガイドやステップバイステップチュートリアルを作成可能。
- ngx-custom-tour - Angular 15以降向けの簡単なステップバイステップツアー/オンボーディング
- ng-beacon - Angular 19以降向けの軽量ガイドツアーライブラリ。シグナルとゾーンフリー対応のレンダリングをサポート
- ngx-guided-tour-lite - Angular向けの軽量かつ依存関係のないガイドツアーライブラリ
- Angular Image & PDF Viewer - Mozilla の pdf.js エンジンを使用してPDFおよび画像を表示するためのカスタマイズ可能なライブラリ。スムーズなプレビューを実現。
- ng-pdf-renderer - 現代的で設定不要のPDF閲覧器。Angularアプリケーション向け。知能付き自動サイズ調整、テキスト選択、レスポンシブデザインを提供
- ng2-pdfjs-viewer - PDFJSおよびViewerJS用のAngularコンポーネント(すべてのAngularバージョンに対応)
- ngx-document-signer - PDFフォーム作成者およびPDF署名機能を提供する再利用可能なパッケージ
- ngx-extended-pdf-viewer - Angular 16以降向けの完全なPDF閲覧器
- ngx-pdf-viewer - Angularアプリケーション向けの軽量PDF閲覧ライブラリ
- pdf-viewer-kit -
pdf.jsをベースにした、現代的で高パフォーマンス、フレームワークに依存しない、軽量なPDF閲覧と注釈ライブラリ。 - rm-ng-pdf-export - HTMLコンテンツからスマートなページ分割と高精細なレンダリングで超高品質PDFを生成・エクスポートするAngularライブラリ
パイプ
- ng-generic-pipe - Angularアプリケーション向けの汎用パイプ
- ng-dompurify - DOMPurify を使用した Angular サニタイザー/パイプ。完全な設定サポートを提供。
- ngx-signal-pipes - Angularのシグナルを関数パイプで変換
- ngx-pipe-lib - 日常業務に必要なAngularパイプの例
- memoize-pipe - Angularテンプレート内で計算をメモ化するための汎用パイプ
- ngx-highlight-text - HTMLマーカー内の選択された単語を強調するAngularパイプ
- ngx-smart-pipes - 実用的な実際のケースに最適化された、軽量でTree-shaking対応のスタンドアローンAngularパイプのコレクション
- ngx-dynamic-search - 複雑なネストされたオブジェクトと配列間の動的・深層検索フィルタリングに最適化されたAngularパイプ
- ngx-name-capitalize - 複合姓、言語的粒子、ハイフン、アポストロフィ、Unicode文字を正しくフォーマットする名前をカプセル化するAngularパイプ
- ngx-transforms - 文字列、数値、日付、配列、オブジェクトなど90以上のスタンドアローンでTree-shaking対応パイプ
- @unirate/angular - Angular ピプ(
currencyRate、currencyConvert)およびUniRateService(オブザーバブルベース)によるリアルタイム通貨交換率。 UniRate API から取得。Angular 16–22 に対応。UniRateModule.forRoot()またはprovideUniRate()を使用。
印刷
- ngx-pos-print - AngularアプリからPOS熱いプリンタでレシートを印刷
- ngx-print - すぐに使えるAngularライブラリで、あなたのコンテンツを印刷
- ngx-printer-demo - Angularアプリでウィンドウ、ウィンドウの一部(div)、画像、HTMLElement、Angularオブジェクトを印刷するシンプルなサービス
QRコード
- ng-qrcode - Angularプロジェクト向けにAOT対応のシンプルなQRコード生成器
- angularx-qrcode - IonicおよびAngular向けに高速かつ使いやすいIvy対応のQRコード生成ライブラリ
- dfts-qrcode - 小さなサイズでシンプルに使えるJavaScript/TypeScriptのQRコード生成ライブラリ。完全に型安全でESモジュール対応
- ngx-scanner - ZXingを使用したAngularのQRコード、バーコード、データマトリクススキャナーコンポーネント
- ng-qrcode-svg - Angular向けのSVGのみのシンプルQRコード生成器
- Angular-html5qrcode - html5-qrcodeのAngularラッパー。QRコードとバーコードのスキャン機能をアプリケーションへ容易に統合できる。
- ngx-kjua - AngularによるQRコード生成コンポーネント(kjuaを用いた)
- ngx-qrcode - Angular 18以降向けのシンプルなQRコード生成コンポーネント。react-native-qrcode-skiaライブラリをベースにしたもの。
- qrcode-angular - Self.xyz向けに簡易化されたAngularライブラリ。検証用QRコードを生成。
- qr-code-layout-generate-tool - React、Angular、Vue、Svelte、Node.jsに共通のQRコードラベルおよびバッジ設計ツール
ルーター
- ngx-route-breadcrumbs - ルーティングURLとパラメータに基づいてbreadcrumbを作成するためのAngularライブラリ
- xng-breadcrumb - ゼロ設定、軽量、カスタマイズ可能、反応型のAngular 6+用のbreadcrumb
- angular-router-menus - タイプ安全かつカスタマイズ可能な、ルートベースのAngularメニュー。複数ナビゲーション、ネストされたドロップダウン、インジェクショントークンアクセスをサポート
- ngx-back-button - Angularにおける適切なバックボタン機能を扱うためのライブラリ
- ngx-foresight - ユーザーの意図に基づくスマートルーターの事前読み込みを実現するForesightJSのAngular統合。
- ngx-href - hrefがAngularのルーターを理解できるようにするディレクティブであり、デフォルト機能を維持
- ngx-multi-level-push-menu - レスポンシブマルチレベルプッシュメニューをサポートする、現代的かつアクセシブルなAngularコンポーネント。高度なカスタマイズオプションを提供
- ngx-quicklink - Angularルーター向けのクイックリンクプレフィッチング戦略
- ngx-route-manager - アプリケーション内で使用されるすべてのルートURLを保存するシンプルなライブラリ
- ngx-speculation-rules - SSRおよびゾーンレス対応の高速ナビゲーションを実現する、Speculation Rules APIを活用したAngularライブラリ。
- ui-router - Angularにおける状態ベースルーティングは、UI-Router for Angularによって実現される。
- ngx-url-params - 軽量なAngularサービスで、URLクエリパラメータを管理・同期し、簡潔で反応型APIを提供
- ngx-history - 現代的なAngularナビゲーション履歴サービスで、反応型プログラミングをサポート
- angular-typed-router - タイプ安全なAngularナビゲーション(1つのRoutes配列から)で、推論されたパスユニオンとタイプ付きナビゲートタプルを生成。コードジェネレーションや実行時コストなし
スクロール
- ngx-ui-scroll - Angular向けの仮想/無限スクロール
- ngx-page-scroll - 純粋TypeScriptで記述されたAngular用のアニメーションスクロール機能
- lithium-ngx-virtual-scroll - Angular向けの高速かつ軽量な仮想スクロールソリューション。単列リスト、グリッドリスト、ビューキャッシュをサポート
- angular-fullpage - fullPage.jsの公式コンポーネント。フルスクリーンスクロールライブラリ
- ngx-scrolltop - 軽量で、マテリアルデザインをインスピレーションとしたページトップスクロールボタン。依存関係なし
- OverlayScrollbars - カスタムスタイル可能なオーバーレイスクロールバーを提供するJavaScriptプラグイン。ネイティブ機能を隠しつつ、機能を維持
- ngx-scrollbar - ネイティブスクロール機構を備えたカスタムオーバーレイスクロールバー
- ngx-tracing-beam - あなたの垂直スクロールにアニメーション付きトレースビームを追加するためのシンプルなコンポーネンツライブラリ
- ngx-marquee - コンテンツをもとに無限スクロールマーチャンを生成するためのシンプルなコンポーネンツライブラリ
- @omnedia/ngx-scrollbar - スムーズスクロールと完全なスタイル制御を備えたカスタムスクロールバー
- ngx-virtual-dnd-list - ドラッグで並べ替え可能な、仮想スクロールリストコンポーネント。
- ngx-scroll-top - Angularプロジェクト向けにカスタマイズ可能で軽量の「トップに戻る」ボタン。
- ng-mat-select-infinite-scroll - Angular Materialのセレクトコンポーネントに適用可能な無限スクロールディレクティブ。
- simplebar - ナチュラルスクロールを実現する、カスタムスクロールバーのvanilla JavaScriptライブラリ。シンプルで軽量であり、ブラウザ間で使いやすい。
- ngx-responsive-virtual-scroll - 高速かつ軽量のAngular仮想スクロール。1列リスト、レスポンシブグリッド、ビューキャッシュに最適。
- ngx-virtual-scroller-flexible - 極めて高速で柔軟な仮想スクロールレンダリング。高さが異なるアイテムを無制限にスムーズに表示。
- ngx-perfect-scrollbar-portable - Perfect Scrollbar用のAngularラッパーライブラリ。
- ng-virtual-list - 極めて大きなリストにも最適なパフォーマンス。
- ngx-horizontal-menu-scroll - 軽量かつカスタマイズ可能なAngularライブラリ。スムーズなナビゲーションコントロールを備えた美しい水平スクロールメニューを作成可能。
- usal - フレームワークに依存しない最高水準のスクロールアニメーションライブラリ。
- ar-virtual-scroll - 自動動的高さを備えた軽量Angular仮想スクロド。チャット、フィード、可変リストに最適。
- angular-infinity-scroller - 現代のAngularおよびSSR環境とシームレスに動作する、軽量かつ高パフォーマンスの無限スクロールディレクティブ。
- ngx-zoneless-scrollbar - ゾーンレスモード向けに設計された軽量Angularスクロールバー。ナチュラルスクロールとCSSスタイルを組み合わせたもの。
- ngx-scrollbar-ultimate - 垂直スクロールに特化した軽量ライブラリ。
- ngx-scrollspy - Angular用スクロール監視サービス(イベント付き)。
- ngx-virtual-grid - レスポンシブかつ仮想スクロールを実現したAngularグリッド。無限読み込みをサポートし、CSSグリッドを使用し、アイテムサイズを自動測定し、表示領域のみをレンダリング。
- ngx-cerious-scroll - 高性能な仮想スクロール実装Cerious ScrollへのAngularバインディング。
ストレージ
- rxdb - IndexedDBの抽象化層。
- ngx-reactive-storage - IndexedDB/localStorageをラップした、プロミスベースAPIを備えたライブラリ。Angular SignalsおよびRxJS Observablesに対応。
- ng2-webstorage - LocalStorageおよびSessionStorageマネージャー。
- ngx-indexed-db - IndexedDBをAngularサービスにラップ。
- angular-async-local-storage - Angular向けの効率的なクライアントサイドストレージ:シンプルなAPI+パフォーマンス+Observables+バリデーション。
- signaldb - ローカルJavaScriptデータベース。MongoDB風インターフェース、TypeScript、シグナルベースの反応性、スキーマなし設計、高速クエリ。
- dexie - IndexedDB向けのミニマリズムなラッパー。
- angular-web-storage - AngularのデコレータでHTML5のローカルストレージとセッションストレージの保存・復元を行う。
- ng-storage - AES-GCM暗号化、TTL、変更通知、Apolloスタイルプロバイダーを備えた、現代的な反応性Angularサービス。
- convex-angular - Convex向けのAngularクライアント。
- secure-client-store - AES-25及GCMを用いたクライアントサイド暗号化(ブラウザおよびNode.jsで動作)のユニバーサルTypeScriptライブラリ。
- ngx-persist - Angular向けの型安全かつシグナルベースの持続的な状態ユーティリティ。localStorage、sessionStorage、IndexedDB、またはカスタムバックエンドと同期。
- ngx-webstore - TypeScript対応の、包括的なAngularライブラリ。ブラウザストレージ管理、反応性API、暗号化、TTLなどを提供。
- @moltendb-web/angular - Rust/WebAssemblyベースのローカルファーストDB。Angularでシグナル、OPFS、GraphQL風クエリ、Web Workersをサポート。
- ngx-secure-storage - SSR対応のAngularサービス。AES暗号化を用いてlocalStorageおよびsessionStorageに暗号化されたデータを安全に保存・取得・管理。
- ngx-local-vault - シグナルベースの反応性かつ暗号化されたブラウザストレージ。Angular向け。圧縮後2KB未満で、実行時依存なし。
ツールチップ
- popover - Angularのポップオーバーコンポーネント。
- ngx-tooltip-directives - 3つのツールチップディレクティブ(文字列、HTML、テンプレート)を備えたライブラリ。ng2-tooltip-directiveをインスピレーションとしている。
- @babybeet/angular-tooltip - Angularでツールチップをプログラム的にもしくは宣言的に簡単に表示できる。
- ngx-tippy-wrapper - Tippy.jsのAngularラッパー。
- @lazycuh/angular-tooltip - Angularでツールチップをプログラム的にもしくは宣言的に簡単に表示できる。
- ngx-overlay - 現代的なCSS/HTMLオーバーレイ(モーダル、ツールチップ、ポップアップ)向け軽量Angularライブラリ。ブラウザ対応で美しく簡潔。
- ngx-smart-tooltip - Angular 18向けの軽量かつカスタマイズ可能なツールチップライブラリ。シグナル、Web Animations API、OnPush変更検知を使用。
- angular-tooltips - 単一CSSアンカー要素を用いた現代的かつ軽量なAngularツールチップ。オーバーレイなし、スクロールリスナーなし、トリガーごとのDOMなし。
UIライブラリ
- Dev Extreme - 65以上の機能を備えたAngularコンポーネントセット。
- Zyra UI - 現代的なAngularコンポーネントライブラリ。デザイントークン、シグナル、ダークモード優先テーマ、WCAG 2.1 AAアクセシビリティを備える。
- Syncfusion - そのEssential UI Kit for AngularはTailwind CSSおよびBootstrapとも互換性を持つ。
- ej2-angular-ui-components - Syncfusion Angular UIライブラリ。70以上の軽量、レスポンシブ、モジュール化、タッチ対応コンポーネントを提供。
- Nebular - Eva Design System に基づくカスタマイズ可能な Angular UI ライブラリ
- NG-ZORRO - Ant Design および Angular をベースにしたエンタープライズクラス UI コンポーネント
- NG-ALAIN - NG-ZORRO アドミンパネルのフロントエンドフレームワーク
- zardui - shadcn-uiおよびNG‑ZORROをベースにした、美しいかつアクセシブルなAngularコンポーネントのコレクション。完全にオープンソースで無料。
- ngx-ui - Angular2 以降向けのスタイルとコンポーネントライブラリ
- optimus-ui - PrimeNGのフォーク。
- Wijmo 5 - Angular2 用のUIコンポーネントセット
- Taiga UI - Angular向けの強力なオープンソースコンポーネントセット
- AgnosUI - 高度にカスタマイズ可能な、フレームワークに依存しないヘッドレスフレームワークのコンポーネントライブラリ
- ng-aquila - Aquila、Allianz GDFのオープンソースコンポーネントライブラリを、ここではホワイトラベル変体として提供
- oblique - スイスの企業デザインに基づくAngularフレームワークおよび、ブランド化されたビジネスアプリ向けの即時使用可能なコンポーネント
- fundamental-ngx - SAP Design SystemのAngularコンポーネ及ライブラリ
- designsystem - Kirby Design Systemは、Kirbyデザイン哲学を実装したUXコンポーネントライブラリ
- sbb-angular - SBB向けのAngularライブラリ
- ui - Alauda Frontend TeamによるエンタープライズレベルのAngular UIフレームワーク
- ngx-tethys - 高速かつ信頼性の高いTethys Designコンポーネント(Angular用)
- antwerp-ui_angular - Antwerp UIは、ユーザーインターフェースとレスポンシブウェブアプリの構築に用いるコンポーネントインターフェースライブラリ
- ng-clarity - Clarity Angularは、Angular向けに設計されたスケーラブルでアクセシブルでカスタマイズ可能なオープンソースデザインシステム
- ngx-float-ui - Floating UIライブラリ向けのAngularラッパー。
- carbon-components-angular - IBMのCarbon Design SystemをAngularで実装したもの
- dyte-io/ui-kit - Dyte UI Kit:アプリやウェブサイトに即時的に動画および音声通話機能を統合するための事前構築済みコンポーネント
- ng-zen - プロジェクト内で、カスタマイズ可能かつ生産性の高いAngular UIコンポーネントをシームレスに作成
- ngwr - スタイリッシュなAngularアプリケーションを構築するためのAngular UIキット
- Windmillcode-Angular-CDK - 再利用可能なUIコンポーネントのコレクションを提供。各コンポーネントは細部まで考慮し、パフォーマンスに配慮して設計されています。
- ng-vcl - VCL CSSエコシステムに基づくAngularコンポーネントライブラリ。
- ngx-ui - NGXUI(Omnedia):ランディングページおよびマーケティング資料向けのスタンドアローンAngularコンポーネント、ブロック、テンプレート。
- po-angular - Angularに基づくコンポーネントライブラリ。ポルトガル語のドキュメンテーションを提供。
- ngx-nighthawk - Bootstrapで開発された、生産用で企業向けのプロジェクト。広範なカスタム機能を提供。
- @ng-verse/ui - コピー&ペースト可能な生産用Angularコンポーネント。
- bryntum - カレンダー、ゲンツチャート、カンバンボード、スケジューリング向けの世界レベルのウェブコンポーネント。
- flexi-ui - Flexi UI:現代的で視覚的に魅力的なフロントエンドアプリケーション向けの再利用可能でカスタマイズ可能なオープンソースUIコンポーネント。
- @koobiq/angular-components - セキュリティに焦点を当てた製品向けのオープンソースデザインシステム。UIパターン、コンポーネント、ツール、リソース、ガイドラインを提供。
- Vega - あなたの好むフレームワークに合わせた再利用可能なコンポーネ及スタイルを活用し、機能開発を加速。
- Blueprint UI - 柔軟なUIコンポーネントとツールを活用し、どこでも動作する開発を加速。
- mantic-ui - Semantic UIおよびFomantic UI向けのAngularコンポーネント。
- kage-ui - 軽量で柔軟なAngularライブラリ。スケーラブルで一貫したUIを実現する、ボーダー・ファーストデザインシステムにインスパイアされた再利用可能なコンポーネントを提供。
- quix-quang - Quix Srlが開発したAngularコンポーネントおよびユーティリティライブラリ。
- ngx-vflow - AngularでノードベースのUIを構築するためのオープンソースライブラリ。
- ship-ui - Angular向けの現代的、シグナルベース、ゾーンレス対応UIライブラリ。詳細およびドキュメントは、そのofficial websiteサイトで確認可能。
- slateui - Angularプリミティブ、Tailwind CSS、シグナルに基づくディレクティブベースのコンポーネントを提供する、現代的なアクセシブルUIコンポーネントライブラリ。
- @nexcraft/forge - フレームワークに依存しないウェブコンポーネントUIライブラリ。Angularではカスタムエレメントを介して動作。
- ngx-nova-ui - シグナル、スタンドアローンコンポーネント、CSSファーストテーマアプローチに基づく、現代的なAngular 20 UIコンポーネントライブラリ。
- MaxterDev NGX Components - 高度に柔軟でSCSSカスタマイズ可能なAngular用コンポーネントライブラリ。
- gcds-components -
gcds-components-angularパッケージにより、GC Design SystemウェブコンポーネントがAngularに簡単に統合可能になる。 - particle-ng - 軽量でテーマ可能なコンポーネントライブラリ。Angular MaterialおよびPrimeNGへの柔軟かつ高制御の代替案を提供。
- ngx-kit-ui - モバイルおよびウェブ向けの現代的なAngular UIライブラリ。
- TecnualNG - 再利用可能でカスタマイズ可能かつアクセシブルなコンポーネントを提供する、プロフェッショナルなウェブアプリケーション開発向けの現代的なAngular UIライブラリ。
- takeoff-ui - フレームワークに依存しないウェブコンポーネントをStencel.jsで開発した、包括的なデザインシステム。
- mozek - 軽量なSCSSツールキットとUIライブラリ。シンプルで、過剰設計を避け、一貫したスペース、色、タイプグラフィックを提供。
- Magma - 幅広いコンポーネント、サービス、パイプ、ディレクティブ、ユーティリティが、そのエコシステムを支え、誰でも使用または拡張可能に提供されている
- ngx-aespartal-ui - プロフェッショナルで軽量かつカスタマイズ可能な、アトミックデザイン原則に基づいたAngularコンポーネントライブラリ
- JSuites - Angularにカスタムワッパーまたはディレクティブを用いて統合可能なUIコンポーネントとユーティリティ(フォーム、モーダル、入力)のコレクション
- ngx-support-chat - 純粋なプレゼンテーション型のAngularコンポーネ及ライブラリ(顧客サポートチャットインターフェース用)
- luma-ui - Angularアプリケーション向けのネオ・ミナリマルデザインシステム
- Mundane UI - フレームワークに依存せず、ゼロデプロイ、軽量なUIコンポーネントライブラリ
- eagami - CSSカスタムプロパティに基づいた軽量かつアクセシブルなAngular UIコンポーネントライブラリ
- angular-liquid-glass - 独立したAngularコンポーネントライブラリ(液体ガラスおよびガラスモルフィズムインターフェース用)
- ngx-pk-ui - Angular 21向けのUIコンポーネントとCSSユーティリティを提供するコンポーネントライブラリ
- magary - 現代的でスタンドアローンを重視したAngular UIライブラリのモノリス(一括管理)
- ngx-core-components - Angular 19以降向けのコンポーネントライブラリ — 信号(signals)、OnPush変更検知、ゼロランタイム依存で構築された、生産環境対応UIコンポーネント
- ngx-cupertino - AppleのiOS 26 / macOS Tahoe 26デザインシステムを実装したAngularコンポーネント
- kanso-protocol - W3C DTCGトークン、Webコンポーネント、AI対応MCPサーバーを備えたオープンソース・クロスフレームワークデザインシステム — kanso(簡素)という原則に基づいて構築されている
- frame-ui - 現代的なプリミティブに基づいたカスタマイズ可能なAngularコンポーネントライブラリ
- coss-ui-angular - 公開された COSS UI catalogue にインスパイアされたアクセス可能な Angular コンポーネント.
- OpenMFP Web Components Library - 最新のシグナルベースAPIを用いて宣言型UIコンポーネントを実装した、現代的なAngular 21のWebコンポーネントライブラリ
- ngxsmk-ui-kit - 200以上の無料Angularコンポーネント。シグナルネイティブ。ゾーンレス。トークンテーマ。ダークモードが内蔵されている
- NgBracket - アクセシビリティを最優先としたAngularコンポーネントパック(フォーム、データテーブル、スケジューラ、チャートなど)— v22以降はシグナルネイティブ(Signal Forms)で構築。WCAG AA、キーボードおよびスクリーンリーダーによる手動テスト済み
BootstrapベースのUIライブラリ
- angular-bootstrap-md - Bootstrap 5およびAngular 17向けのMaterial Design
- ng-bootstrap - Bootstrap 5のCSSおよびAPIを用いて構築された、Angularエコシステムに最適化されたAngularウィジェット
- ng-bootstrap-addons -
ng-bootstrapに存在しない UI コンポーネント(例:入力/フォームコントロール)を追加します. - ngx-bootstrap - 高速かつ信頼性の高いBootstrapウィジェット(Ivyエンジン対応)
- design-angular-kit - BootstrapベースのUIライブラリに関するAngularライブラリ、ツール、または資料です。 for the creation of web applications developed with Angular.
- yoozsoft - Bootstrap 5、CSS、およびNG Bootstrap 17を使用して構築されたウィジェット。Angularエコシステム向けのAPIを提供。
- ngx-gccb - Angular 19以降向けの、使いやすい共有コンポーネント、ディレクティブ、パイプ、サービスを備えたライブラリ。コードサンプルについては showcase を参照してください.
- cute-widgets - オープンソースのAngular UIライブラリ。Bootstrap 5以降のユーティリティとデザインクラスを用いて、ネイティブディレクティブベースのコンポーネントを提供。
MaterialベースのUIライブラリ
- angular-ui-plusify - デイタイムピッカーとマーカードエディタを内包。今後、完全なAngular UIツールキットへ拡張予定。
- MDBootstrap - Bootstrap 5 & Angular 17 UI KIT - 700以上のコンポーネント、MITライセンス、簡単なインストール。
- Angular Material - Angular向けのMaterial Designコンポーネド。
- Covalent - Teradata UI Platform(Angular Materialをベースに構築)。
- IgniteUI Angular - Ignite UI for Angularは、AngularネイティブかつMaterialベースのAngular UIコンポーネントを完全に提供するライブラリで、最速のグリッドやチャートなどを備えている。
- angular-jqwidgets - Material Designを用いた高度なAngularコンポーネント。
- @ng-matero/extensions - Angular Material用の拡張ライブラリ。
- angular-material-css-vars - Angular MaterialとCSS変数を組み合わせるための小さなライブラリ。
- ngx-components - Angular向けの便利なコンポーネントとユーティリティ関数。
- ngx-material-auth - Angularにおいて認証および認可のフロントエンド部分に関わる機能を提供するライブラリ。
- ngx-material-navigation - ナビゲーション要素(ナビバーとサイドナビの組み合わせやフッターなど)をMaterialで作成し、ブレークポイントに応じてアイテムを自動的に移動させる。
- ngx-material-entity -
NgxMaterialEntityでは、エンティティを定義し、そのプロパティ上で表示方法を直接設定できます。さらに、完全で高度にカスタマイズ可能な CRUD テーブルを生成できます. - c3-components -
@angular/materialライブラリを拡張したオープンソースコンポーネントライブラリ. - simplematcomponents - Angular Materialデザインに適合する、あるいはAngular Materialデザインを使用するAngularコンポーネントのセット。
- Angular Material Dev UI - Angular MaterialおよびTailwind CSSベースのアプリケーション向けに、開発者がコンポーネントとブロックを探索できる1つの場所。
- nmce - 複雑でデータが豊富なビジネスアプリケーション向けに、再利用可能なコードとUI強化を備えたAngular Material拡張ライブラリセット。
- NgxMatFacetToolkit - Angularスタンドアローンのフェイスフィルタツールキット(Material UIベース)。
- ngx-dynamic-stepper - Angular Materialのステッパーをベースにした、ダイナミックなウィザード風ステッパーを構築するための強力で柔軟なAngularライブラリ。
- BuilderKit - Angular Materialをベースにした完全なUIツールキットと現代的なデザインシステム。ブロック、テンプレート、Angularアプリケーション開発のための堅固な基礎を提供。
- angular-material-extended - Angular Materialのコミュニティ拡張(スタンドアローン、シグナル、ゾーンレス、SSR、M3テーマ設定)。
- mat-exp - Angular Material 用のコンポーネントとスタイルのライブラリ。最新のMaterial Design 3 Expressive Design Systemに基づいて構築されている。
- angular-material-components - Angular Materialプロジェクト向けに、日時選択、時間選択、色選択など、追加のコンポーネントを提供する。
Tailwind CSSベースのUIライブラリ
- angular-superui - Tailwind CSS v4、TypeScript、Angular 17+ Signalsに基づいて構築された、50以上あるプロダクション対応コンポーネントを備えた包括的なAngular UIライブラリ。
- angular-tailwind-ui - 使いやすく、シンプルなコンポーネント、ディレクティブ、サービス。Angular 19とTailwind CSS 3を使用。
- bpdm/ng - Angular CDKおよびTailwind CSSで構築された、アクセシブルでテーマ化可能なAngularコンポーネントライブラリ。共有されたデザイントークンセットに基づき、ネイティブReactバージョンも提供。
- elbe-ui - Tailwind CSSとSpartan UIを用いて構築されたAngular UIコンポーネント。
- Flowbite - Tailwind CSSで構築されたオープンソースUIコンポーネの、Angular対応バージョン。
- FlyonUI - Integrate FlyonUI を Angular と Tailwind CSS で構築し、現代的でレスポンシブな UI を作成し、開発プロセスを効率的にスムーズにします.
- Galaxy UI - Angular向けのユニバーサルコンポーネントライブラリで、美しい、アクセシブルなコンポーネントを提供。
- koala-ui - 現代的でアクセシブルなコンポーネントライブラリ。インターフェース開発を加速するため設計されている。
- ng-brutalism - Neo-brutalistなAngular UIライブラリ。Signals、Zoneless、Tailwind CSS v4を採用。強調されたボーダー、オフセットシャドウ、意見をもつ美学を端まで貫いている。
- Metronic - Tailwind CSSを用いた、現代的でスケーラブルなウェブアプリケーションを効率的に構築するための包括的なUIツールキット。
- ngx-lite-suite - Glassmorphism、グラデーション、フローアニメーションを備えた「Lite Suite」デザインシステムに基づくAngular UIライブラリ。
- ngx-tailwindcss - Tailwind CSS 4+に対応したカスタマイズ可能なAngular UIライブラリ。アクセシブルで美しく設計されたコンポーネントを提供し、完全なスタイル制御を可能にする。
- ngx-tw - Tailwind CSSで構築された包括的なコンポーネントライブラリ。現代的でカスタマイズ可能なUIコンポーネントをAngularアプリケーションに提供。
- nicacoder-ng - カスタマイズ可能なコンポーネントを中央集約したAngularライブラリ。開発を加速し、プロジェクトの一貫性を確保する。
- Preline UI - Preline は、ユーティリティファーストの Tailwind CSS フレームワークに基づく、事前構築された UI コンポーネントのオープンソースセットです.
- PrimeBlocks - 急速なアプリケーション開発に最適化されたプロフェッショナルなUIブロック。
- seacotools - 現代的なAngularアプリケーション向けに設計されたライブラリ。Tailwind CSSと互換性のある再利用可能なUIコンポーネントとサービスを提供。
- semantic-components - Semantic HTML、完全なアクセシビリティ、軽量な柔軟性を備えたモジュラリティを持つAngular CDKとTailwind UI要素。
- simui - Tailwind CSSとSpartanを用いて構築された美しいAngular UIコンポーネント。
- starting-point-ui - shadcn/uiにインスパイアされた、フレームワークに依存しないTailwind CSSコンポーネント。Angularと完全に互換。
- synerity-ui - エンタープライズ級のAngular 20以降向けライブラリ。現代アプリ向けに90以上、アクセシブルかつパフォーマンスの高いTailwindスタイルのコンポーネントを提供。
- Tailkit UI - 細心の注意を払い、カスタマイズ可能で完全にレスポンシブなTailwind CSSコンポーネント、テンプレート、ツールをプロジェクトに適用。
- tailng - Tailwindでスタイルを適用したAngularコンポーネントにより、マテリアル風のUIを実現。
- volt-ui - シグナル、Tailwind CSS v4、CVA、および
ng-primitivesを使用して構築された、完全にアクセス可能でテーマ化可能な Angular コンポーネント. - zapui - Tailwind CSS をベースにした設計システムから、スケーラブルな Angular アプリケーションを構築できます。 zap:ui
UIライブラリ/フレームワークIonic
- Official website
- Official GitHub repository
- Ionic Academy - Ionicを学ぶための最も効率的な方法。
- Elite Ionic - Angular開発者向けの高度なトレーニング。NEXT LEVELのネイティブWebアプリケーションを作成するための学習。
- Ionic Start - Angularを学びながら、Ionicでウェブアプリとネイティブモバイルアプリを構築。現代的な反応型開発を学ぶ。
- awesome-cordova-plugins - Cordova/PhoneGapで構築されたモバイルアプリに搭載されたネイティブ機能とオープンウェブ技術。TypeScript対応も含む。
- ionic-angular-library - Ionic Angularアプリ開発に役立つコンポーネントとサービスのコレクション。
- ionic-angular-collect-icons - ionIconsをグループ化し、自動でエクスポートファイルを生成するライブラリ。小さなプロジェクトでのaddIcons()管理を簡略化。
- IDEA-Ionic8-extra - Ionic 8 に基づいた IDEA’s の追加コンポーネントとサービス。それぞれが異なる NPM パッケージで配布されています.
- ionic-component-snippets - 公式ではないIonicのデモやライブラリのリポジトリ。開発者やアプリに依然として価値を提供。
- ionic-header-parallax - このディレクティブは、
ion-header要素にパラレル効果を適用し、ページ上部にカバー写真を表示し、スクロールダウン時に通常のツールバーに切り替えることができます. - ionic-state - Ionicアプリにおけるステート処理に必要なユーティリティを提供。
- ionx-search-select - 現代的な Angular/Ionic 検索・選択機能。スタンドアローンコンポーネント、シグナル、および完全な
ControlValueAccessorサポートを備えています. - ionic-insta-api-wrapper - Instagramコンテンツ(ストーリー、リール、投稿、プロフィール)をログインとクッキー対応で取得する軽量Ionic/Cordovaライブラリ。
- ionic-adv-tooltip - Ionic Angular向けに、テンプレート、画像、動画、ライブプレビューをホスト上でレンダリングするメディア豊かなツールチップとポップオーバー。
- PushApp-Capacitor - Ionic/Angular/Capacitorアプリでのプッシュ通知、アプリ内メッセージ、イベントトラッキング、セッション管理用のCapacitorプラグイン。
UIプリミティブ
- ng-primitives - アクセシビリティ、カスタマイズ性、開発者体験に重点を置いた低レベルUIコンポーネントライブラリ。
- primitives - Radix UI のプリミティブを Angular に移植したものです。アクセス可能でカスタマイズ可能です。
- vacui-ui - ヘッドレスAngularライブラリ。最初の要素として、ユーティリティファーストのプリミティブと低レベルディレクティブを提供。
- ngx-headless - Headless UI および FormKit にインスパイアされた、スタンドアローンでアクセス可能な Angular プリミティブのコレクション。
- Clean Architecture Frontend - クリーンアーキテクチャで構築されるフロントエンドアプリ開発に必要なドメインに依存しないプリミティブ。React、Vue、Angular、または将来のフレームワークと互換。
- @luminacn/ui - Angular向けのシグナルファーストのヘッドレスUIプリミティブ。
- Bloc UI - デザインの意見を一切持たない軽量かつアクセシブルなAngularコンポーネント。自社スタイルを使用するか、オプションのテーマパッケージを使用。
- angular-primitives - スケーラブルでアクセシブルなUIシステム構築に必要な、Angular向けのシグナルファーストのプリミティブ。
ビューアー
- file-viewer - Angularアプリケーション向けにPDF、画像、ドキュメント、スプレッドシートなど、多数のファイル形式をサポートする強力で汎用的なファイルプレビュー用ライブラリ
- json-diff - JSONオブジェクトの2つを迅速に比較し、違いをハイライト表示できるAngular開発用ツール
- ngx-diff - テキストの差分を表示するAngularコンポーネントライブラリ
- ngx-gist - GitHub gistやローカルコードスニペットをAngular Materialとhighlightjsスタイルで表示するディスプレイボックス
- ngx-json-diff-viewer - 2つのJSONオブジェクト間の差分を視覚的に表示するAngularコンポーネント
- ngx-json-schema-viewer - Angularで動作するJSONスキーマ閲覧ツール
- ngx-json-treeview - Angular向けに折りたたみ可能なJSONツリービュー
- ngx-omniview - 単一コンポーネントで、プレーンテキスト、HTML、マーカード、LaTeX、MathJax、JSONなど、すべての原始文字列入力をスムーズに表示する、すべてのコンテンツを一括表示するAngular用コンテンツ閲覧ツール
- ngx-profile-comparison - ユーザーのプロフィール2つを視覚的に比較し、類似点と違いをハイライト表示する、高品質でプロダクション対応のAngularコンポーネのライブラリ
- ngx-serial-console - シリアルデバイスからの出力情報をモニタリングするAngularコンポーネントとサービス
- ngx-universal-viewer - PDF、Word、Excel、PowerPointファイルを連続スクロールまたはページごとに表示するAngularコンポーネント
- ngx-voyage - AngularおよびPrimeNG向けのファイルエクスプローラ
- ngx-file-peek - 任意のURLまたはストレージソースから実際のファイルコンテンツをスライドとして表示する、Angularのスタンドアローンコンポーネントライブラリ
- ngx-json-explorer - インライン編集、検索、オプションベースの設定を含む、インタラクティブかつ完全にカスタマイズ可能なAngular JSONツリーコンポーネント
- ngx-superlite-img-viewer - 画像ギャラリーを高速かつ直感的に表示する、超軽量のAngularライブラリ
視覚効果
- angular-tag-cloud-module - このモジュールにより、ワードクラウド/タグクラウドを生成できます
- levita - 軽量な3Dの傾きとパラレル効果、加速度センサー対応
- ng-snowfall - マウスの動きに反応し、風の効果をリアルに再現する、インタラクティブなAngularの雪の降り方コンポーネント
- ng-whiteboard - 軽量なAngularの白板コンポーネント
- @craftedcode-dev/ngx-analog-clock - タイムゾーン対応、カスタムテーマ、豊富なスタイルオプションを備えたAngularアプリケーション向けアナログ時計コンポーネント
- @DerStimmler/ngx-analog-clock - Angularアプリ向けカスタマイズ可能なアナログ時計
- ngx-color-scheme - Angularアプリに暗黒モードを簡単に追加
- ngx-countdown - シンプルで使いやすく、パフォーマンスの高いカウントダウン
- ngx-fancy - テンプレート要素の間の華やかな分離線
- ngx-font-picker - Angular向けGoogleフォントのフォント選択ウィジェット
- ngx-gauge - Angularアプリおよびダッシュボード向けに高度にカスタマイズ可能なゲージコンポーネント
- ngx-glassy-effect - AngularのディレクティブでHTML要素にガラス効果を適用
- ngx-globe - アニメーションされた地球を含むコンテナを作成するためのシンプルなコンポーネントライブラリ
- ngx-gooey - Angular向けのゴーイ効果、形状のブロブ/メタボールに使用
- ngx-lamp - シンプルなコンポーネリブラリでランプを作成
- ngx-neon-underline - Angularでコンポーネントに光り輝くネオン下線効果を提供するライブラリ
- ngx-parallax-stars - パラレル効果を持つ美しい星を生成するAngularライブラリ
- ngx-waterbox - 異方性の水箱コンポーネント
基盤技術
RxJS
- Official website - JavaScript向けの反応性拡張ライブラリ
- eslint-plugin-rxjs-x - eslint-plugin-rxjs のフォークで、ESLint flat config のサポートを追加し、変更と改善を含むもの。
- learn-rxjs - RxJSに関する明確な例、説明、リソース
- ng-event-bus - Angular向けのRxJSベースのメッセージバスサービス
- ngx-device-permission - Angularでデバイス許可(カメラ、マイク、地理位置など)を反応的に扱うためのライブラリ
- ngx-operators - Angular向けのRxJS演算子
- operators - このパッケージは、いくつかのよく使われるパターンを簡略化するためのRxJS演算子をまとめています
- reactive-event-source - 軽量なRxJSベースのEventSourceラッパーで、自動再接続、漏れ防止、反応型状態管理を提供
- redux-observable - Reduxにおけるアクションの副作用を”Epics”を使って処理するRxJSのミドルウェア
- rx-computed - シグナルの
computed()の、Async RxJSベースのバージョン。 - @mrOranger/RxJs - Reactive Programmingの理論と例を、RxJSライブラリを使って解説
- rxjs-broker - WebRTC DataChannelsとWebSockets向けのRxJSメッセージブローカー
- rxjs-challenge - Observableスキルを練習するための小さなRxJSパズル一覧
- rxjs-collection - RxJSによる配列、マップ、WeakMap、セット、WeakSetの拡張
- rxjs-common - 便利なRxJSオペレーターを集めたコレクション
- rxjs-conduit - RxJSのReplaySubjectsに追加機能を追加し、反応型プログラミングをより簡単にする
- rxjs-course - Angular UniversityによるRxJSコース
- subscribable-things - さまざまなブラウザAPI向けの反応型ラッパーを一覧にしたコレクション
- subsiphon - 複数のRxJSサブスクリプションを管理するための軽量ユーティリティ。インデックスまたは名前付きキーとシンプルなクリーンアップメソッドを提供
- web-serial-rxjs - TypeScriptによるWeb Serial API向けの反応型RxJSラッパーを提供するライブラリ。ウェブアプリケーションにおけるシリアルポート通信を簡単に行えるようにする
TypeScript
- Official website
- Official TypeScript REPL
- Official GitHub repository
- DefinitelyTyped GitHub repository - 高品質なTypeScript型定義を提供するリポジトリ
- guardz - 軽量で、依存関係のないTypeScript型ガード。実行時検証と構造化されたエラー処理を可能にする
- mutates - 強力な TypeScript AST モディファイションツールセット。
ng-morphからフォークされたもので、Angular を超えるプロジェクト全体の変換を可能にします。 - quicktype - JSON、Schema、GraphQLから型と変換を生成
- Sheriff - TypeScriptプロジェクト向けの軽量モジュール化
- Total TypeScript Book - 来年のTotal TypeScript書籍の補助リポジトリ
- transform.tools - APIレスポンスの入力をタイプする時間を大幅に節約できるJSONからTypeScriptへの変換ツール
- trpc - 高速に開発し、何も壊さない。端末から端末まで型安全なAPIを簡単に実現
- ts-essentials - すべての必須TypeScript型を一つの場所に集約
- ts-pattern - TypeScript向けの包括的なパターンマッチングライブラリ。スマートな型推論を提供
- ts-serializer - モデルを強制型のTypeScriptクラスにシリアライズする
- tsconfig - SmartRecruitersのtsconfigにはすべての厳密なルールが含まれており、プロジェクトの型安全性を向上させる
- typebox - TypeScript向けのJSONスキーマ型ビルダーで、静的型解決を提供
- type-challenges - オンラインジャッジ付きのTypeScript型チャレンジのコレクション
- type-fest - 必須なTypeScript型のコレクション。パッケージを依存関係として追加するか、必要な型をコピー&ペーストするかのいずれか。
- typehero - TypeScript開発者たちのコミュニティとつながり、協力し、成長する
- typescript-book - TypeScriptでの効果的な開発に必要な簡潔なガイド
- valibot - 構造データの検証に用いる、モジュール化されたかつ型安全なスキーマライブラリ
- zod - TypeScriptを第一に設計されたスキーマ検証と静的型推論
フレームワーク相互運用
フレームワーク横断統合
- detector - 依存関係なし、TypeScriptを第一に設計したライブラリで、プラットフォーム、フレームワーク、ブラウザ、機能の高速かつユニバーサルな検出を実現
- @oguimbal/ngx-react - ReactとAngularのコンポーネントのスムーズな統合を可能にし、両者間の無駄な移行を容易にする
- ngx-reactify - AngularとReactアプリケーションを一緒に実行できるようにするライブラリ
- ng-react-bridge - 軽量なAngularパッケージで、開発者がディレクティブを使用して、ReactコンポーネントをAngularコンポーネント内にスムーズにレンダリングできるようになる
- gong - Go(Gin、Gorm、純粋なSQLite)バックエンドとAngular Materialフロントエンドを備えたフルスタックフレームワーク
- @retejs/angular-plugin - node、接続、ソケット、コントロールコンポーネントを含むクラシック設定を備えた Angular プラグイン。Rete.js に基づいて構築されています。
- Stencil - あなたのウェブコンポーネントに対してAngularコンポーネ的ラッパーを生成する
- AnQst - 共有DSLからAngularサービスとネイティブQtウィジェットを生成し、AnQst CLIおよびホストライブラリを介してAngularアプリケーションがQWidgetベースのC++UIにコンパイルできるようにする
- rozie.js - Vue/Alpine風のコンポーネントファイルを、実行時オーバーヘッドやラッパーのボイラープレートなしで、ネイティブなAngularコードに変換する、フレームワークを越えたコンパイラ
外部統合
- Sentry - 開発者中心のエラートラッキングとパフォーマンスモニタリングプラットフォーム
- DataDog - Datadog Angular統合により、パフォーマンス問題を迅速に解決できる
- Elastic - Angularアプリケーション向けのリアルユーザーモニタリングJavaScriptエージェント
- @elastic/apm-rum-angular - Elastic APMによるAngularアプリケーションのリアルユーザー監視
- Partytown - リソース消費の多い第三者スクリプトをメインスレッドからWeb Workerに移動
- Pega - Angular SDKはConstellationJSエンジンとAngularベースのデザインシステムを接続するブリッジおよびDXコンポーネントを含む
- Postcat - AngularとElectronをベースにした軽量かつ拡張可能なAPIツール
- NativeScript - JavaScriptランタイム(強制型)にプラットフォームAPIを直接提供し、豊かなTypeScript開発体験を実現
- Strich - ウェブブラウザ内でのリアルタイム、複数フォーマットのバーコードスキャン用JavaScriptライブラリ
- stream-chat-angular - Angular Chat SDK ➜ Stream Chat。簡単なチャットアプリの構築
- foblex2D -
Foblex Flowで使用される、2D幾何学のユーティリティ(ポイント、線、ベクトル、形状、変換)を備えた Angular ライブラリ。 - Bloomreach Angular SDK - Angularベースアプリケーションとの簡易なヘッドレス統合を提供する Bloomreach Content との統合。
- ngx-notion-cms - NotionのコンテンツをAngularアプリケーションを通じてCMSとしてレンダリング
- Otter - ローカライズ、テスト、カスタマイズ、CMS駆動の動的設定に特化した高度にモジュラリズムを持つAngularフレームワーク
- HyperFormula - TypeScriptによるフォーマル解析/評価用ヘッドレススプレッドシートエンジン、Angular統合デモ付き
- fusio-sdk-javascript-angular - このSDKは、Angularアプリケーションが Fusio と統合できるようにするもので、 backend および developer などのプロジェクトで使用されているものである.
- limitless-angular - 強力なAngularライブラリのコレクションで、Angularエコシステムを強化し、
Sanity.ioの統合に注目したアプリケーション開発を支援する. - Bit - Bitを活用して、組み立て可能なソフトウェアを構築
- angular-twitter-timeline - Angular公開Twitterタイムラインウィジェット
- ngx-signalr-websocket - Angular用の軽量ASP.NET SignalRクライアント
- Keploy - Angular UIとのインタラクションによりテストケースとモックを記録し、Keployでテストを行う
- alterior - モジュラリズムを備えたサービス構築用同士の同士のTypeScriptフレームワーク、Angular統合がスムーズ
- 23blocks SDK - モジュラリズのバックエンドブロックを活用し、フルスタックアプリを10倍速く構築
- ngx-unity - Unity WebGL/WebGPUとAngular間の両方向通信を安全に実現する型安全なブリッジ
- ngx-wp-shortcode - AngularアプリケーションがWordPressショートコードをネイティブなAngularコンポーネントとしてレンダリングできるライブラリ
- ngx-iobroker - このライブラリは、Angularアプリケーションに ioBroker サーバーを迅速かつ簡単に統合できるようにする.
- AngularDart - テンプレート言語とコンポーネントモデルを明確に分離したウェブフレームワークで、複雑で維持性の高いウェブアプリケーションの構築が容易
ラッパー
- angular-calendly - 現代的なAngularライブラリで、 Calendly サイケイングウィジェットを埋め込むためのスタンドアローンコンポーネントを提供する.
- angular-email-editor - Unlayer のドラッグ&ドロップメールエディタをAngularのラッパーコンポーネントとして提供.
- angular-three - THREE.js 用のAngular Renderer.
- atlas-editor - ReactベースのAtlaskitエディタおよびサイドナビゲーションウェブコンポーネントを動的にロードするAngularのラッパー
- chat-widget-adapters - LiveChat チャットウィジェット(JavaScript API)のAngularラッパー.
- ckeditor5-angular - Angular 2+ 用の公式 CKEditor 5 リッチテキストエディタ コンポーネント
- cytoscape-angular - 生産性を確保したAngularライブラリで、 Cytoscape.js を使用して高度なグラフ可視化機能を提供する.
- d3-cloud-angular - D3 Cloudコンポーネント(Angular用)で、 d3-cloud をベースに構築したもの.
- flowchart-sequence-designer-angular - flowchart-sequence-designer のAngularラッパー.
- gojs-angular - GoJS ダイアグラム、パレット、オーバービューを管理するためのAngularコンポーネントのセット.
- @foisit/angular-wrapper - Angular アプリケーション向けの AI を活用した会話型アシスタント
- lyne-angular - Lyne Web Components のAngularラッパー.
- @interopio/ng - のIO Connectライブラリをプロジェクト内で初期化および使用する際に簡易化するための Angularラッパー. IO Connect
- ng-elementum - 現代的な
@angular/elementsのフォークで、AngularコンポーネントとWeb Components標準の統合を強化する. - ngfire - Firebase JS SDK への最小限の Angular ワッパー
- ng-number-flow - number-flow — アクセシブルかつアニメーション付き数字コンポーネント — のAngularラッパー.
- ngx-apexgantt - ApexGantt を使用してSVGベースでGanttダイアグラムを作成するJavaScriptライブラリのAngularラッパー.
- ngx-apexsankey - ApexSankey — サンキーダイアグラムを作成するJavaScriptライブラリ — のAngularラッパー.
- ngx-apextree - ApexTree — オーガナイズおよび階層構造のチャートを作成するJavaScriptライブラリ — のAngularラッパー.
- ngx-barcode6 - Angular 9以降向けの1次元バーコードを作成するためのAngularコンポーネント( JsBarcode をベースに).
- ngx-boomerangjs - Angular 21以降向けの boomerangjs のラッパーで、自動スクリプトロードおよびAngularの依存関係注入システムによるリアルユーザー監視(RUM)サポートを提供する。
- ngx-chessground - Angular向けのchessgroundのラッパー.
- ngx-d3 - D3をAngularアプリケーションに導入するためのラッパーサービス。d3-ng2-serviceを参考にした.
- ngx-fabric-wrapper - Angular向けのFabricのラッパーライブラリ.
- ngx-filesize - Angular向けのfilesize.jsのラッパー.
- ngx-grapesjs - Angular向けのGrapesJSのラッパーライブラリ.
- ngx-highlight-js - highlight.jsのシンタックスハイライト用のAngularラッパー.
- ngx-kel-agent - Angularアプリケーションにkel-agentを統合するためのクライアントライブラリ.
- ngx-linkifyjs - Angular向けのLinkifyラッパーで、URL、メールアドレス、ハッシュタグ、メンションを自動検出し、HTMLリンクに変換する.
- ngx-neoline - Angular向けのNeoLine N3 dAPIラッパー。プロバイダーを検出、READYを待機し、型付きメソッドを公開する.
- ngx-open-web-ui-chat - Socket.IOストリーミング、会話履歴、マークダウン対応を備えたOpen WebUIチャットを埋め込むためのAngularコンポーネントライブラリ.
- ngx-pendo - Angular で Pendo を読み込むためのシンプルなワッパー
- ngx-pixel-code - 動的テーマロードとカスタムスタイルを備えたスタンドアローンAngular
highlight.jsラッパー. - ngx-sentry - Angular向けのSentry JavaScript SDKのラッパー.
- ngx-serializer - Angular向けの
@paddls/ts-serializerライブラリのラッパー. - ngx-simple-text-diff - テキストの差分を表示するためのAngularライブラリ。diffライブラリを使用する.
- ngx-socket-io - Angular向けのSocket.IOモジュール.
- ngx-tagify - Angular向けのTagifyをラッパーしたライブラリ.
- ngx-three - AngularプロジェクトでThree.jsを宣言的に使用する方法.
- ngx-three-globe -
Three.jsを用いて構築されたインタラクティブな3Dグローバルビジュアライゼーションを提供するAngularライブラリ. - ngx-virtual-select - AngularにVirtual Selectを統合するためのコンポーネント.
- ngx-vis - Angular向けのvis.jsのラッパー。
- ngx-viz - シンプルな Angular viz.js ワッパーで DOT graphs をレンダリングします。
- ngx-webdatarocks - WebDataRocksのAngularラッパー。実装例を参照してWebレポートツールを統合できる。
- ngx-xyflow - xyflow の Angular ワッパーです。
- rive-angular - 現代的な Angular ワッパーで、反応型状態管理を備え、Angular signals と zoneless アーキテクチャで構築された Rive アニメーションに対応します。
- seatsio-angular - Angular ワッパーで Seats.io セッティングチャートをレンダリングします。
- simplyfire - Firebase クラウド関数および Angular 用の軽量 Firestore API
- zag-angular - zagのAngularラッパー。
Angularに着想を得たソリューション
- angular-style-injector - Angular の Injector にインスパイアされた軽量な依存関係注入コンテナ
- di - このライブラリは、InversifyJS および typedi に類似する軽量な依存関係注入ライブラリです。
- flexdi - NestJS および Angular をインスパイアした、React、React Native、Vue3 用の柔軟かつ軽量な DI ライブラリ
- gapi - Angular をインスパイアし、複雑な Node.js GraphQL バックエンドアプリケーションを最小限の労力で提供するもの
- GTPL - Vue、Angular AOT、JSX をインスパイアし、Direct DOM と Proxy を使用した反応型テンプレート用の TypeScript ライブラリ。9KB のコンパクトなパッケージ。
- illuma - TypeScript 用の Angular 風の依存関係注入
- indulgent - 外部依存なしで、実行時パフォーマンスを最適化したウェブ開発用の TypeScript ユーティリティセット
- injection-js - 高速かつよくテストされた JavaScript/TypeScript 依存関係注入ライブラリ。Angular の
ReflectiveInjectorから抽出されたものです。 - ioc - Angular および NestJS をインスパイアした、TypeScript アプリケーション向けの強力で柔軟な逆制御(IoC)コンテナ
- knifecycle - Angular にインスパイアされた非侵襲的な依存関度注入を用いて、Node.js プロセスのライフサイクルを自動的に管理
- Lua-Generate - Angular の ng ツールをインスパイアした、ブレードコードを生成する CLI ツール
- named-slots - React コンポーネント向けの宣言的な「ホール」。Vue、Svelte、Angular、WebComponents の slots をインスパイア。
- needle-di - JavaScript および TypeScript プロジェクト向けの軽量かつ型安全な依存関係注入(DI)ライブラリ
- npm-clang-format-node - LLVM Clang の clang-format および git-clang-format のネイティブバイナリ向けの Node ワッパー。clang-format にインスパイアされています。
- ozean - Bun ランタイムに基づく現代的、シンプルで高パフォーマンスなウェブフレームワーク。Angular ユーザーが馴染みのある開発体験とアーキテクチャを提供。
- react-di-lite - Angular のサービスをインスパイアした、React 用の軽量かつ階層的な依存関係注入
- @joanpablo/reactive_forms - Angular の反応型フォームをインスパイアした、モデル駆動型のフォームとバリデーション用の Dart ライブラリ
- reaktiv - Angular の反応性モデルをインスパイアした、Python 用の反応型シグナル(first-class async サポートあり)
- rgenex - React向けのAngular‑CLI風ジェネレータ。コンポーネント、훅、ページを即座にスケルトン化。
- rxor - React に反応型シグナルを導入。Angular Signals、Vue 3 の
ref/computed、および SolidJS にインスパイアされています。 - Signals - TypeScriptおよびJavaScript向けのゼロ依存、グリッチフリーな反応信号。最適化されたAngular風プッシュ/プルアーキテクチャを採用。
- sio - シルキアフレームワーク:Ionicをベースにした新規アプローチ。ハイブリッドアプリケーションおよびウェブサイトの開発を簡素化する。
- UnReact.js - AngularとReactの長所を融合した現代的なフレームワーク。コンポーネント間の通信を強化。
- use-vue-service - 軽量なVue 3の状態管理。Angularサービスにインスパイアされたデプロイインジェクションを採用。
- weave - 細かい反応性とシグナルネイティブなUIフレームワーク。
外部リスト
- awesome-utils-dev - 完全な Angular リソース—必要であれば、その他の情報の最終的な選択肢です。
- awesome-angular
- Angular Enterprise
- framework.dev