LuFuHu

桌面应用 ​

  • electron - 使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用。
  • nw.js - Chromium + Node.js 运行时，用于使用 HTML、JavaScript 和直接 Node 集成的原生应用。
  • wails - 使用 Go 和 Web 技术构建桌面应用，包括 Angular。
  • neutralinojs - 一个轻量级、可移植的框架，用于使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用，支持 Linux、macOS、Windows、Web 和 Chrome。
  • angular-electron - 使用 Angular 和 Electron 实现超快启动。
  • create-tauri-app - 快速搭建新的 Tauri 应用项目。
  • angular-tauri - 使用 Angular 和 Tauri 实现超快启动。
  • nw-angular-example - 一个将 Angular 与 NW.js 集成的示例。
  • tauri - 创建小巧、快速、安全、跨平台的应用。
  • MōBrowser - 一个使用 TypeScript、HTML 和 CSS 构建桌面应用的框架，内置源代码保护。

TypeScript ​

  • Official GitHub repository
  • DefinitelyTyped GitHub repository - 高质量 TypeScript 类型定义的仓库。
  • type-challenges - TypeScript 类型挑战集合，附带在线评测。
  • zod - TypeScript 优先的 schema 验证，支持静态类型推断。
  • trpc - 快速行动，不破坏任何东西。端到端类型安全 API 变得简单。
  • type-fest - 必备 TypeScript 类型集合。可将包作为依赖添加，或直接复制粘贴所需类型。
  • ts-pattern - TypeScript 的详尽模式匹配库，具有智能类型推断。
  • quicktype - 从 JSON、Schema 和 GraphQL 生成类型和转换器。
  • typescript-book - TypeScript 高效开发的简明指南。
  • valibot - 用于验证结构化数据的模块化且类型安全的 schema 库。
  • typebox - 支持静态类型解析的 TypeScript JSON Schema 类型构建器。
  • typehero - 与 TypeScript 开发者社区连接、协作并共同成长。
  • ts-essentials - 所有必备的 TypeScript 类型集中在一处。
  • Total TypeScript Book - 即将出版的 Total TypeScript 一书的配套仓库。
  • Sheriff - TypeScript 项目的轻量级模块化。
  • mutates - 强大的 TypeScript AST 操作工具集，源自 ng-morph，支持超越 Angular 的广泛项目级转换。
  • tsconfig - SmartRecruiters 的 tsconfig 包含所有严格规则，提升项目的类型安全性。
  • guardz - 轻量级、零依赖的 TypeScript 类型守卫，用于运行时验证，并带有结构化错误处理。
  • Official website
  • Official TypeScript REPL
  • transform.tools - 使用此 JSON 到 TypeScript 转换器，节省大量输入 API 响应的时间。

官方资源 ​

文档工具 ​

  • Storybook - 你会喜欢使用的 UI 开发环境。
  • Compodoc - Angular 应用缺失的文档工具。
  • ng-doc - Angular 项目的文档引擎。
  • story-ui - 通过 AI 驱动的对话自动生成 Storybook 故事，兼容多种 LLM 提供商，实现组件文档自动化。
  • docgeni - 现代、强大且开箱即用的 Angular 组件库和 Markdown 文档生成器。
  • ng-prism - 现代 Angular 的组件展示工具，无需 story 文件。
  • ngmd - Angular 文档入门工具。放入 Markdown 文件，即可获得路由。
  • envguards - 框架无关的环境变量验证、文档生成器和 .env.example 创建器。
  • FeastDocs - 基于 Angular 构建的 Docusaurus 风格文档框架，Markdown 内可嵌入实时 Angular 组件。FeastDocsDemo。
  • storybook-addon-angular-manifest - Storybook 插件，从你的故事和 Compodoc 文档构建 Angular 组件清单。

AI ​

  • context7 - 为 LLM 和 AI 代码编辑器提供最新代码文档的 MCP 服务器。
  • CopilotKit - 生成式 UI、共享状态和人机协同工作流，支持 React、Angular、Vue、React Native，以及 Slack 和 Microsoft Teams。
  • repomix - 一个将整个仓库打包成单个 AI 友好文件的工具。
  • deep-chat - 适用于你网站的高度可定制 AI 聊天机器人组件。
  • hashbrown - 用于构建愉悦、AI 驱动的用户体验的框架。
  • Official Angular Skills
  • Official Angular Examples Repo - 使用 GenKit 和 AI 的 Angular 示例。
  • Threadplane - Angular 原生代理 UI 框架：流式聊天、持久线程、中断、子代理、规划、记忆，以及面向 LangGraph 和 AG-UI 后端的生成式 UI。
  • ngx-ai-devtools - 无需离开浏览器标签页，即可查看应用花费的每个提示、响应、token 和美元。
  • agentskit - 可组合工具包和无头聊天组件，用于在 Angular 中构建 AI 代理，支持流式、工具、记忆和 RAG。
  • agent-rules-kit - 一个面向 AI 的 CLI 工具，安装并配置规则以指导代理遵循技术栈最佳实践。
  • superconnect - 一款 AI 驱动工具，可扫描你的 Figma 文件，探索你的 React 或 Angular 仓库，生成 .figma.tsx 或 .figma.ts 映射，并通过 Figma 的 CLI 发布回去。
  • ng-agentic-skills - Angular 开发的代理技能。这是 Agentic Engineering 系列 的官方配套仓库。
  • reangular - 一个编码代理技能，可将 React 库转换为功能完全对等的现代 Angular 库，包含自动化浏览器验证和并排对比审查。
  • context7-widget-angular - 嵌入自定义样式的 Angular 组件，直接在应用内提供实时的 Context7 文档答案。
  • agentbridge - 一个框架，标准化 AI 代理发现、交互和控制应用组件的方式。
  • MacroQuest - 一个 Angular 演示应用，展示 CopilotKit Angular A2UI、CopilotKit 聊天控件、NgRx Signal Store 和本地 Gemma 4 模型服务器。
  • ngx-prompt-kit - 基于 Spartan UI 构建的 AI 聊天界面 Angular 组件。
  • ago-sdk - 通过将 AI 代理直接嵌入前端技术栈，AGO 流式响应、触发工作流，并交互式操作您的 UI。
  • Feature Search Agent - Angular PR Scout - 基于 Google Agent Development Kit (ADK) 构建的 AI 代理，可自动搜索并分析 Angular 的 GitHub 拉取请求以获取新功能。
  • ngAutoPilot - 面向 Angular、TypeScript、JavaScript、RxJS、测试、代码质量、架构、版本管理和质量治理工作流的与代理无关的微技能目录。
  • ngx-beautiful-ui - 基于 Signal 的 Angular 组件，用于 AI 聊天界面：提示栏、流式 Markdown、思考状态、工具调用和审批卡片。Beautiful UI 的非官方移植，无需 Tailwind 或 UI 框架。
  • visual-ai-editor - 使用 AI 通过自然语言编辑现有 HTML。
  • ngx-agents-md - 将 Angular 文档添加到你的项目中，供 AI 编码代理（Claude Code、Cursor 等）使用。
  • ngx-json-render - Vercel json-render 的 Angular 渲染器——LLM 流式传输受限于组件目录的 JSON 规范，并逐步渲染为使用 signals 的真实 Angular 组件。
  • rxjs-mcp-server - 直接从 Claude 等 AI 助手中执行、调试和可视化 RxJS 流。
  • mushi-mushi - 用通俗英语编写的 AI 应用调试器，可在编辑器内提供诊断和修复。
  • ng-mocks-testing-skill - 一组 Claude Code 技能，用于使用 Jest 和 ng-mocks 编写高质量的 Angular 单元测试。
  • senior-angular-architect - 提供高级 Angular 架构指导的专家级 AI 技能。
  • angular-nest-ai-kit - 适用于独立 Angular + PrimeNG（前端）和 NestJS + Prisma（后端）单体仓库的技能和 AI 代理，组织在 Nx 中。
  • angular-vibe-kit - 将 vibe coding 工作流引导到任何 Angular 项目中——包含 CLAUDE.md、项目文档，以及针对你的 Angular 版本定制的 Claude Code 斜杠命令。
  • ngx-ai - 面向 OpenAI 兼容聊天 API（OpenAI、xAI Grok 或你自己的代理）的 RxJS 友好型 Angular 客户端，支持一流的流式传输。
  • ngx-testbox-agent-skill - ngx-testbox 测试包的 AI Agent 技能。
  • point-grab - 指向任意 Web 应用元素，即可通过 MCP 将其完整上下文（HTML、组件名称、源文件和祖先元素）即时发送给 AI 代理。
  • abbi-ng-ai-image-descriptor - 用于 AI 生成图像描述的 Angular Web 应用。使用该工具需要 OpenAI API 密钥。
  • @full-stack-skills/angular-skills - 面向 AI 编码代理的 Angular 框架开发技能。
  • ngx-quill-ink - TypeScript 引擎和 Angular 包装器，将文本流以手写体动画呈现，并捕获笔迹以供 Vision LLM 使用。
  • ngx-transformers - 在 Angular 中运行 Hugging Face Transformers.js 模型——通过 signals API 实现设备端机器学习。
  • ngx-gen-ui - 轻量级 Angular 指令和服务，通过 Firebase AI 流式传输生成式 UI 内容。
  • Official AI docs
  • Official Angular CLI MCP Server Setup
  • Official llms.txt file
  • Official llms-full.txt file
  • AGENT.md - 通用代理配置文件。
  • aitools.fyi - 使用 Angular 构建的 AI 工具。
  • Angular code editor rules - 处理 Angular 代码时有效 AI 交互模式指南。
  • Angularize - 在人类编码员的协助下，为您的 Angular 应用进行 Vibe 编码。
  • augment code - 首个为专业软件工程师和大型代码库打造的 AI 编程助手。
  • CodingFleet - 一款创新的 AI 驱动工具，可将你的指令转化为高效的 Angular 代码。
  • cursor.directory - Cursor 爱好者的家园。
  • gitingest - 将任何 Git 仓库转换为代码库的简单文本摘要。这有助于将代码库输入到任何 LLM 中。
  • glama - 筛选出与 Angular 相关条目的 MCP 服务器目录。
  • ng-pr-review - 真正理解 Angular 的 AI 代码审查。
  • PureCode AI - 使用 PureCode AI 将 Angular 应用 UI 构建速度提升 50%。
  • UI2CODE - 使用 AI 在几秒内将 UI 转换为代码。
  • Workik - 免费 AI 驱动的 Angular 代码生成器 | 您的上下文驱动 AI 伙伴！
  • Yes Chat AI - Angular Ninja - Angular 开发助手。
  • Zipy - AI Angular 代码生成器。

认证 ​

  • appwrite - 将你的 Angular 应用 与 Appwrite 集成，用于认证、数据库、存储、函数等。
  • hanko - 按照此 快速入门 将 Hanko（一个开源认证和用户管理解决方案）集成到你的 Angular 应用中。
  • angularfire - Angular + Firebase。
  • msal-angular - 通过 Microsoft 或社交账户认证用户，并获取用于安全 Microsoft 服务（如 Graph）的令牌。
  • angular2-jwt - 用于在 Angular 应用中处理 JWT 的辅助库。
  • angular-oauth2-oidc - Angular 中对 OAuth 2 和 OpenID Connect（OIDC）的支持。
  • angular-auth-oidc-client - 用于 OpenID Connect、OAuth 授权码流程（含 PKCE）、刷新令牌和隐式流程的 NPM 包。
  • keycloak-angular - 为 Angular 应用轻松配置 Keycloak。
  • angularx-social-login - 适用于 Angular 17 的社交登录和认证模块。
  • angular-authentication - 一个演示用户认证与授权流程最佳实践的 Angular 应用。
  • @serhiisol/ngx-auth - Angular 20+ 认证模块。
  • auth0-angular - 用于 Angular 单页应用的 Auth0 SDK。
  • passlock - 为 Angular 和其他框架提供无摩擦的 passkey 认证。
  • ngx-better-auth - 用于 Better Auth 的 Angular 20+ 封装。提供基于信号的响应式会话处理、使用 observables 的简洁 DI provider 设置以及现代守卫。
  • @badisi/ngx-auth - 对基于 Angular 的桌面和移动应用提供认证和授权支持。
  • frontegg-angular - Angular 的托管登录 SDK；参见 快速入门。
  • omni-auth - Angular 认证库，提供认证流程、守卫和错误处理的核心功能。
  • zenuxs-oauth - 适用于现代应用的通用 OAuth 2.0 + PKCE 客户端。
  • awesome-angular-auth - 用于 awesome-node-auth 的 Angular 拦截器和守卫。
  • ngx-auth-client - Angular 认证层，提供基于信号的 state 管理、函数式路由保护和 Keycloak 集成。
  • ngx-oauth - 适用于 Angular 22 的无 zone、基于信号的 OAuth 2.1 库。
  • ngxfire - 无 zone 的 AngularFire 替代品。
  • ngx-webauthn - 一个 Angular 库，提供对原生 WebAuthn API 的类型安全、精简抽象，内置对标准类型的支持，并为常见用例提供可选预设。
  • authon-sdk - 用于 Authon 的 Angular SDK — 服务、守卫和拦截器。
  • ngx-cognito-auth - Angular 21+ 库，使用 OAuth 2.0 授权码流程和 PKCE 进行 AWS Cognito 认证。
  • witspry-auth-ng-client - 一个全面的 Angular 库，用于支持 PKCE（代码交换证明密钥）的 OAuth2 认证。
  • authress-angular - 此包仅包含一个模块，用于轻松设置和注册 Authress LoginClient。
  • corbado - 将 Corbado 与 Angular 集成，使用 passkeys 进行认证。
  • FusionAuth Angular SDK - 用于登录/注册、注销和刷新令牌处理的 Angular SDK。
  • Logto - 开源的 Auth0 替代方案（OIDC/OAuth2/SAML）。Angular 快速入门。
  • MojoAuth - 集成 passkeys 的最简单方式。
  • Supabase - 使用 Angular 构建用户管理应用。
  • SuperTokens - 配置你的 Angular 应用以使用 SuperTokens 进行认证。
  • zitadel - 为你的应用提供安全的认证管理。随着你的成长进行自定义，提供易用的 API 和可编程工作流。专注于成长，你的登录由我们守护。

移动应用 ​

  • Official Ionic GitHub repository
  • Capacitor - 为现代 Ionic 应用提供支持的官方跨平台原生运行时。
  • awesome-cordova-plugins - 使用 Cordova/PhoneGap 和开放 Web 技术构建移动应用的原生功能。完全支持 TypeScript。
  • ng-native - Angular 应用渲染为真正的原生 iOS 和 Android 视图。
  • symbiote-native - 一个稳定的原生运行时，利用 React Native 的核心引擎直接从 Angular 驱动真实的 iOS/Android 技术栈。
  • ionic-header-parallax - 此指令在 ion-header 元素上启用视差效果，在页面顶部显示封面照片，向下滚动时过渡到正常工具栏。
  • ionic-angular-library - 一组对开发 Ionic Angular 应用有用的组件和服务。
  • ionx-search-select - 现代 Angular/Ionic 搜索与选择，支持独立组件、信号和完整的 ControlValueAccessor 支持。
  • ionic-angular-collect-icons - 用于分组 ionIcons 并自动生成导出文件的库，简化小型项目中的 addIcons() 管理。
  • IDEA-Ionic8-extra - IDEA's 基于 Ionic 8 构建的额外组件和服务，并通过不同的 NPM 包分发。
  • ionic-insta-api-wrapper - 轻量级 Ionic/Cordova 库，用于获取 Instagram 内容（Stories、Reels、帖子、个人资料），支持登录和 Cookie。
  • ionic-adv-tooltip - 适用于 Ionic Angular 的富媒体工具提示和弹出框，可在任何宿主上渲染模板、图片、视频或实时预览。
  • PushApp-Capacitor - 一个 Capacitor 插件，用于 Ionic/Angular/Capacitor 应用中的推送通知、应用内消息、事件跟踪和会话处理。
  • Official Ionic website
  • Ionic Academy - 学习 Ionic 最快的方式。
  • Elite Ionic - 面向希望创建顶级原生 Web 应用的 Angular 开发者的高级培训。
  • Ionic Start - 使用 Ionic 构建 Web 和原生移动应用，同时学习使用 Angular 进行现代响应式开发。
  • Capgo - Capacitor 应用的实时更新 / OTA。

其他状态库 ​

  • TanStack Query - 强大的异步状态管理、服务器状态工具和 Web 数据获取。
  • xstate - 基于 Actor 的状态管理和编排，适用于复杂应用逻辑。
  • @tanstack/angular-db - Angular hooks 用于 TanStack DB，这是一个响应式客户端 store，可让你构建快速、同步驱动的应用，并具有与后端无关的实时数据层。
  • state-adapt - 声明式、增量式状态管理库。
  • usm - 一个与 Angular 兼容的模块化状态管理库。
  • exome - 基于代理的简单状态管理器，适用于深层嵌套状态，可与 Angular Signals 和 RxJS 配合使用。
  • mini-rx - 响应式状态管理平台。
  • editate - 一个实验性的、类型安全、框架无关且体积小（5kB+）的 contenteditable 状态管理器。
  • tansu - 一个轻量级、基于推送的状态管理库。它与 Angular 生态系统 配合良好。
  • coaction - 一个高效且灵活的状态管理库，用于构建高性能、多线程 Web 应用。
  • @tethys/store - 一个迷你但功能强大的 Angular 状态管理库。
  • signalstory - 一个基于 Angular signals 构建的状态管理库，支持简单仓库、解耦命令、副作用以及通过事件驱动架构进行 store 间通信。
  • ng-simple-state - 仅使用服务和 RxJS 在 Angular 中进行简单的状态管理。
  • ngx-collection - Angular 的集合状态管理服务。
  • signaltree - 一个强大、类型安全、模块化的基于信号的 Angular 应用状态管理解决方案。
  • @ng-state/store - 受 NgRx 启发，由 RxJS 和 Immer（或 ImmutableJs）驱动的 Angular 应用嵌套状态管理。
  • ngx-stashr - 一个轻量级、信号驱动的 Angular 21 状态管理库，灵感来自 React 的 Zustand。
  • ngx-sherlock - 一个 Angular 工具库，与 @politie/sherlock 分布式响应式状态管理库配合使用。
  • ng-simple-state-management - Angular 应用的简单状态管理实现。
  • flurryx - 一个面向 Angular 的信号优先响应式状态工具包，将 RxJS 流桥接到结构化、支持缓存感知的 store 中。
  • ngStato - 使用 async/await 而非 RxJS 的 Angular 状态管理方案。
  • sdux-vault - 一个框架无关、确定性的状态管理系统。
  • ngx-mxstore - 通过将逻辑移入纯的、可测试的方法，并通过装饰器将组件连接到 store，从而简化状态管理。
  • rs-x - 一个响应式引擎，将同步和异步数据统一到一个透明模型中，为 Angular 提供细粒度的自动变更检测，无需手动异步处理。
  • ngx-state-crafter - 一个轻量级、信号驱动的 Angular 状态库，提供简洁、无样板代码的 API。
  • craft-ts - 一个基于 Signal 的 Angular 工具包，用于建模状态、异步工作、服务、表单、依赖注入和路由，具有显式依赖和强大的 TypeScript 推断。
  • ngx-query - 一个轻量级、基于可观察对象的查询库，帮助你管理服务器状态、缓存以及后端与 UI 之间的同步。
  • ngx-simple-signal-store - 一种创建具有只读接口的 signal store 的简单方法。
  • ngx-event-bus-lib - 在应用中的任何位置广播强类型事件，并以声明方式响应它们——无需服务、DI、提供者、RxJS、信号或紧耦合。
  • stateloom - 一个通用状态管理 SDK，具有 signal 驱动的响应式核心，以及范式适配器（Store、Atom、Proxy）和针对 React、Angular 等的框架适配器。
  • ngx-deep-signals - 深度响应式、零仪式感的 Angular 嵌套状态管理——无需调用、setter 或样板代码，即可将任何对象转换为信号图。
  • ngx-tosijs - 极其简单的 Angular 状态管理——同时也是脱离 Angular 的出口。任您选择。
  • ngx-zero - 面向 Rocicorp Zero（一个通用同步解决方案）的信号优先、无 zone 的 Angular 绑定。
  • object-recipes - 轻量级、类型安全的 Immer 替代方案，使用字符串路径进行不可变嵌套更新，具备深比较优化和通用状态管理集成。
  • rheo - 超快响应式状态、SWR 内存缓存、请求去重与乐观数据流微框架。
  • ng-signal-state-manager - 由 Angular Signals 和 RxJS 驱动的独立、轻量、类型安全的异步查询缓存和状态管理器。
  • ngx-signal-flow - 使用 Angular Signals 管理状态，通过 Immer 更新，并利用 RxJS 处理异步副作用。
  • ng-eagleeye.js - 一个框架无关、原生 JavaScript 的不可变状态管理器，支持变更流，可部署到任何环境。

端到端 ​

  • playwright-mcp - 一个模型上下文协议（MCP）服务器，使用 Playwright 提供浏览器自动化能力。
  • webdriverio - 面向 Node.js 的下一代浏览器和移动端自动化测试框架。
  • serenity-js - 一个 TypeScript 原生的验收测试框架，为您的 Playwright Test、WebdriverIO 或 Cucumber 测试套件提供可扩展的架构。
  • cypress-harness - 该库为组件测试 Harness 提供 Cypress 支持。
  • twd - 浏览器内测试运行器，支持即时反馈、Testing Library、Vite 发现和内置 API 模拟——框架无关且易于在 Angular 中使用。
  • playwright-coverage - 使用 v8 覆盖率报告 Playwright 测试的覆盖率，无需任何插桩。
  • ngx-playwright - 在 Angular 工作区中运行 Playwright e2e 测试的工具。
  • playwright-ng-schematics - 将 Playwright Test 添加到您的 Angular 项目。
  • lib-e2e-cypress-for-dummys-ts - 一个库，在你浏览和使用界面时自动记录测试应用所需的 Cypress 命令
  • ngx-playwright-schematics - Angular Schematics 包，可自动化生产级 Playwright E2E 测试架构的设置。
  • Cypress - Angular 的端到端和组件测试。
  • testcafe - 一个用户友好的端到端测试解决方案。
  • Puppeteer Angular Schematic - 为您的 Angular 项目添加基于 Puppeteer 的端到端测试。
  • Cypress to Playwright - 一个精选资源集合，可帮助您将测试套件从 Cypress 迁移到 Playwright。
  • Playwright Chrome Recorder - 将 Chromium 录制器标签页数据导出为 Playwright 测试。这为您提供了一个良好的起点，可进一步优化为现代 Playwright 测试。

Monorepos ​

  • Turborepo - 专为 JavaScript 和 TypeScript 优化的构建系统，使用 Rust 编写。
  • Nx - 一个集成工具和高级 CI 功能的构建系统，用于在本地和 CI 中维护和扩展 monorepo。
  • Moon - 一个基于 Rust 的 Web 构建和 monorepo 管理工具。

文件上传 ​

  • Uppy - 时尚、模块化的 JavaScript 文件上传器，与 Angular 无缝集成。
  • ng2-file-upload - 易于使用的文件上传指令。
  • @georgipeltekov/ngx-file-drop - 用于简单桌面文件和文件夹拖放的 Angular 模块。此库不需要 rxjs-compat。
  • file-uploader - 基于 Web Components 的文件上传组件，兼容任何 JavaScript 框架——React、Next.js、Vue、Angular 和 Svelte——无需适配器。
  • file-upload - 用于文件上传的 Angular 模块。
  • ngx-flow - 用于文件上传的 flow.js 的 Angular7+ 封装。
  • ngx-uploadx - Angular 可恢复上传模块。
  • ngx-file-helpers - Angular 文件辅助工具，包括文件选择器和拖放区。
  • upup - 一个无头上传引擎，为六大主流前端框架提供字节一致的 UI 包，支持服务器模式、云盘和多源媒体导入。
  • ngx-file-uploader - Angular 上传组件和指令，内置文件预览。
  • ngx-custom-material-file-input - Angular Material 的文件输入管理。
  • ngx-accessible-dropzone - 一个轻量级、零依赖、完全无障碍的 Angular 拖放文件上传组件，支持键盘和屏幕阅读器操作。
  • @h-k-dev/angular-file-drop - 一个轻量级的 Angular 拖放指令，用于文件和文件夹，支持遍历、过滤和点击选择——无需样式表、无需 XHR、无需 DOM 变更。
  • ngx-bulk-uploader - 基于 Handsontable 构建的 Angular 模式驱动批量 Excel 上传表格。
  • filestack - 使用 Filestack SDK 通过一条命令将强大的文件上传功能集成到 Angular 中，通过统一的提供者调用无缝摄取、处理和交付文件。

构建器 ​

分析 ​

CLI 工具 ​

  • Official GitHub repository
  • Better-Fullstack - 在几秒内搭建生产就绪的全栈应用。从 425 个选项中选择你的技术栈——CLI 会将一切串联起来。
  • Firebase App Hosting adapters - Firebase CLI 的实验性附加组件，用于添加 Web 框架支持。
  • angular-cli-diff - 轻松将 Angular CLI 应用从一个版本升级到另一个版本 🚀。
  • ng-chrome-extension - 轻松创建 Angular Chrome 扩展（manifest v3）。
  • svger-cli - 一个轻量级 CLI，将 SVG 转换为零依赖的优化 Angular 组件。
  • tailwind-init-cli - 一个在 Angular、React 或 Next.js 项目中配置 Tailwind CSS 的一键式工具！
  • angular-cli-helper - 一个 CLI 工具，可初始化完整的项目结构，内置 API 服务、认证系统和 HTTP 拦截器。
  • angular-cli-ssr-diff - 轻松将 Angular CLI SSR 应用从一个版本升级到另一个版本 🚀。
  • fanstack - 一个轻量级 CLI 和架构，自动监听 Firebase 函数并生成严格类型的 Angular 服务。
  • @MohamedBouattour/angular-clean-architecture - 一个 CLI 工具，基于 Clean Architecture 生成生产就绪的 Angular 功能，具有清晰、可维护的分层。
  • Qodalis Web CLI - 一个灵活的 CLI 工具，旨在简化工作流程、自动化任务，并为开发者提供可定制的实用程序。
  • i18n-fixer - 框架无关的 CLI 工具，用于查找硬编码字符串、缺失的 i18n 键和未使用的翻译。
  • js-stack - 用于搭建生产就绪 JavaScript 全栈项目的现代 CLI，提供自定义和最佳实践预设。
  • alterforge - 一个 CLI 工具，用于搭建和管理模块化微服务架构，可选 React 或 Angular 前端。
  • ignite-ng - 启动一个新的 Angular 22 应用，已内置认证、守卫和基于功能的结构。
  • ngTooLazy - 一个 Node.js CLI，使用现代约定、有主见的架构和入门样板（守卫、拦截器、布局）搭建 Angular 应用。
  • ng-create-with-config - 一个极简工具，用于初始化预配置了 Prettier、ESLint、Husky 和 Lint-staged 的新 Angular 项目。
  • Official website
  • ng new command generator - 生成优化的 ng new 命令。

混合工具集 ​

  • Official Angular Components repository - Angular 的组件基础设施和 Material Design 组件。
  • spartan - 驱动 Angular 全栈开发的前沿工具。
  • rx-angular - RxAngular 工具包，用于完全响应式应用，专注于性能、模板渲染和开发者体验。
  • ng-web-apis - 一组用于通过 Angular 消费 Web API 的常用工具。
  • ngxtension-platform - Angular 工具集。
  • daffodil - Angular 电商 PWA 框架。
  • ts-cacheable - 一个流行的平台无关缓存库。
  • jscutlery devkit - 让 Angular 开发者更轻松的工具。
  • signality - 一组用于在 Angular 中构建响应式组合的原子工具。
  • ngx-oneforall - 一个 Angular 库，包含可复用的管道、指令、服务、装饰器、常量、枚举等。
  • ngify - 在 Angular 之外使用 Angular 功能。
  • ngx-persian - 面向波斯语应用的全功能工具集。
  • @Angular-RU/sdk - 用于常见交互模式的工具链集合，抽象了 Angular 核心功能，无表现偏见。
  • ngworker - @ngworker NPM 组织的 Monorepo。包含 Angular 应用和测试的包。
  • mmstack - mmstack 库的 monorepo。
  • ng-util - 一组 Angular 工具。
  • ngspot - 出色的 Angular 库集合。
  • sba-angular - Sinequa 基于 Angular 的搜索应用（SBA）框架。
  • ngx-signal-plus - 一个全面的 Angular Signals 实用库，提供增强功能、操作符和工具。
  • angular-signal-generators - Angular Signal 生成器通过信号和工具简化开发，使代码更快、更简洁。
  • nxt-components - 各种 Angular 组件的集合。
  • ngx-signal-operators - 使用函数式操作符转换 Angular signals。
  • lithium-angular - Lithium 通过用于无缝响应式状态和事件交互的工具简化了 Angular。
  • @studiohyperdrive/ngx-tools - 一个提供多个 Angular 包的 monorepo，由 Studio Hyperdrive 团队创建和维护。
  • grafloria - 一个用于 JavaScript 的 MIT 许可图表和仪表板引擎：一个无头核心，原生 Angular、React 和 Vue 绑定，一种文档格式和一个撤销栈。
  • angular-cool - 一个包含开发者友好的 Angular 工具的 monorepo，通过轻松的 UI、存储、网络和性能特性增强应用。
  • ng-as - 用于类型转换模板变量的 Angular 管道和指令。
  • ngx-lift - clr-lift 和 ngx-lift 通过工具、操作符和组件增强 Angular，简化开发。
  • Indice.Angular - 一组为 Angular v20+ 应用提供身份验证、配置和可复用组件的 Angular 库。
  • dfts-common - TypeScript 库集合（图标和其他工具）。
  • ng-kit - 使用 Angular Material 和 Bootstrap 5.x 构建的可复用 Angular 组件，以及用于日期、表单和字符串操作的实用类/函数。
  • ngx-nuts-and-bolts - 由 Infinum 使用的一组常用 Angular 相关代码集合。
  • dasch-ng - 一组用于现代 Web 开发的可复用 Angular 库和 TypeScript 工具。
  • angular-3d - 用于构建惊艳 3D 图形和滚动动画的现代 Angular 库。
  • npm-ntk-cms-angular - 此 monorepo 包含 9 个可复用的 Angular 库，专为构建现代 CMS 应用而设计。
  • ssv.ngx - 来自 sketch7 的库 monorepo，包括 ngx.command 和 ngx.ux。
  • dfx-common - Angular 库集合，包括 dfx-qrcode 等。
  • angular-toolbox - 为 Angular 应用开发提供有用工具的库。
  • ng-catbee - 由 Catbee 团队开发和维护的一组 Angular 库。
  • ngx-signals-plus - 额外的 Signals 以改善开发者体验。
  • @everllence/ngx-tools - 一组旨在提升 Angular 开发体验的库集合。
  • xprng - Angular 简单智能组件的微包。
  • @ibenvandeveire opensource - 一个托管多个包（包括 Angular 和非 Angular）的 monorepo，由 Iben Van de Veire 开发和维护。
  • telperion - 一组高质量、框架无关的工具和实用程序，用于现代 Web 开发，包括 ng-pack。
  • angular-helpers - 一套 Angular 库，帮助您构建安全、与浏览器集成的应用，并提供简洁的开发者体验。
  • dgkit - 一个不断增长的开源前端无关和 Angular 库、开发者工具及前端实用程序集合。
  • ngx-utility - 用于表单、区域、DOM 操作、HTTP 请求等的各种辅助工具。
  • @shanieMoonlight/moonlight-repo - SpiderBaby 的开源 Angular 库、工具和演示应用的 monorepo。
  • @jchpro/ng - 多个 Angular 库的 monorepo。 访问示例页面了解更多信息。
  • ngx-primeng-toolkit - 用于 Angular 状态管理的全面 TypeScript 工具，包含 PrimeNG 辅助工具、ng-select、存储和 NgRx 缓存。
  • @farfadev/ngx-lib - 来自 Farfadev 的 Angular 库仓库，可用于任何应用。
  • acontplus-libs - 包含提供领域驱动设计（DDD）架构、核心工具和 Angular Material UI 组件的 Angular 库的 Nx monorepo，适用于企业应用。
  • Angular Directive Workspace - 一个 Angular monorepo，托管多个独立指令和工具库，包括 ng-signals-utils。
  • ngx-schema-tools - 包含用于 JSON schema 编辑、可视化数据映射和动态表单渲染的 Angular 库的 monorepo。
  • ngx-vertex - 旨在帮助在 Angular 应用中创建和管理有向无环图模型。
  • ngx-security - 一个用于身份验证、角色和权限管理的模块化 Angular 库。
  • @alvaromarinho/libs - 一组满足常见 UI 需求的 Angular 库，兼容 Angular 14+。
  • firestitch - Firestitch 提供了广泛的开源 Angular 解决方案。
  • yaagoub - 通过装饰器、指令、图标、服务和 OAuth 2.0 加速您的开发。
  • rxap - 一组减少 Web 和云应用开发工作量的模块和工具。
  • ngneat-archive - ngneat 仓库的只读保存存档。

图标 ​

  • lucide - 开源图标库，包含 1000+ 个 SVG，提供 官方 Angular 包 以便轻松集成。
  • angular-fontawesome - Font Awesome 5+ 的官方 Angular 组件。
  • @hugeicons/angular - 为 Angular 提供 5,400+ 个免费 MIT 许可的描边圆角图标。
  • ng-icons - Angular 终极图标库。
  • angular-svg-icon - 用于内联 SVG 的 Angular 组件和服务，使其易于通过 CSS 设置样式。
  • ngx-fluent-ui - Microsoft Fluent UI 图标的 Angular 和在线库。
  • Semantic Icons - 通过组件选择器和 SVG 标签为 Angular 项目提供的免费开源图标集合。
  • animated-icons - 基于 moving icons 的 Angular 动画图标。
  • GeoIcons - 覆盖每个国家、地区和世界区域的地理地图图标，作为可摇树的 Angular 独立组件。
  • vadivam - 适用于 SVG、React、React Native、Vue、Svelte、Solid、Angular、Astro 和 Preact 的像素级完美 24px 轮廓图标。
  • coolshapes - 一个 Angular 库，旨在让开发者使用来自 coolshapes 的带有细微颗粒渐变效果的酷炫抽象形状。
  • @ngverse/icons - Angular 库，允许你将流行的开源图标用作常规组件。
  • ngxi - 为 Angular 提供全面的 SVG 图标集，无缝集成数千个流行图标。
  • angular-line-awesome - 用于管理 Line Awesome 图标的 Angular 组件。
  • angular-techs-logos - 技术相关图标库。
  • ngx-iconify-stack - 一个轻量级、SSR 安全的 Iconify Angular 封装。
  • ngx-x-browser-svg-mask - 用于轻松实现跨浏览器兼容的 SVG 遮罩创建的指令。
  • @quikturn-sdk/logos-angular - 用于 Quikturn Logos API 的 TypeScript SDK - 通过域名获取任何公司的徽标。
  • ycon.cc - 搜索 300,000+ Iconify 图标，并复制适用于 React、Vue、Symfony、Next.js、Astro、Svelte、Angular、Laravel 等框架的即用代码。
  • glyphflow - Lucide 图标逐一手工编排，并基于原生 Web Animations API 实现动画——零动画依赖，真正的 tree-shaking。
  • Neural Icons - 比较 250 个图标家族的轮廓和填充样式，检查细节并直接将代码复制到你的项目中。

辅助工具 ​

  • msw - 用于浏览器和 Node.js 的无缝 REST/GraphQL API 模拟库。
  • stryker-js - JavaScript 及其相关语言的变异测试。
  • ng-mocks - Angular 测试库，用于模拟组件、指令、管道、服务并简化 TestBed 设置。
  • ArchUnitTS - 在 JS/TS 项目中强制执行架构规则、检测循环依赖并验证代码标准，设置简单且无缝集成测试框架。
  • shallow-render - 通过浅渲染和轻松模拟，让 Angular 测试变得简单。
  • spectacular - 为 Angular 应用和库提供测试工具。
  • ngx-page-object-model - 这个库使用 Page Object Model（POM）简化 Angular UI 组件测试，将测试逻辑与 DOM 操作分离，以获得更好的抽象。
  • ngtx - 一组小函数，让你在测试 Angular 组件时更轻松。
  • vitest-auto-spy - jest-auto-spies 的直接替代品。
  • ng-mocks-sandbox - 一个包含使用 ng-mocks 进行 Angular 应用单元测试指南和示例的仓库。
  • ngx-testbox - 一个全面的 Angular 测试库，简化并保障单元、集成和端到端测试。
  • ng-automocks - 它通过使用 Jest 自动生成组件、指令、管道、模块和服务的模拟，简化了 Angular 测试，无需手动 stub。
  • ngx-testing-tools - 提供高级工具并减少测试 Angular 应用的样板代码。
  • jest-angular-test-verifier - Jest 报告器，用于验证 Angular 组件、服务、指令和其他文件类型是否有对应的测试文件。
  • ngx-api-mocks-interceptor - 一个强大的 Angular HTTP 拦截器，用于模拟 API 响应，支持动态数据生成、路径匹配、响应延迟和模拟文件操作。
  • msw-lens - 一个生成 AI 可读项目状态快照的工具，使任何模型都能理解你的模拟 API、活动场景和上下文，无需手动解释。
  • testing-library-queries - 通过可组合、可链式调用的 API、TypeScript 支持、CSS 选择器辅助、简洁语法、可复用查询逻辑以及框架无关的兼容性，简化 DOM 查询。
  • qc-auto-package - Angular 的轻松可靠测试 ID——由测试人员管理，独立于代码。
  • ng-magic-test-bed - Angular 测试床包装器，让你可以从 spec 文件中移除大量冗余代码。
  • schmock - 使用插件管道和框架适配器，从 OpenAPI 规范或手工编写的路由创建可调用的模拟 API。
  • Official Angular Material CDK Testing - @angular/cdk/testing 提供了帮助测试 Angular 组件的基础设施。

存储 ​

  • dexie - 一个极简的 IndexedDB 包装器。
  • signaldb - 本地 JavaScript 数据库，具有类似 MongoDB 的接口、TypeScript、基于信号的响应式、无模式设计和快速查询。
  • angular-async-local-storage - 高效的 Angular 客户端存储：简单 API + 性能 + Observables + 验证。
  • ng2-webstorage - LocalStorage 和 SessionStorage 管理器。
  • ngx-indexed-db - 将 IndexedDB 包装在 Angular 服务中。
  • ngx-reactive-storage - IndexedDB/localStorage 的包装器，提供基于 Promise 的 API，支持 Angular Signals 和 RxJS Observables。
  • angular-web-storage - 用于保存和恢复 HTML5 本地和会话存储的 Angular 装饰器。
  • convex-angular - Convex 的 Angular 客户端。
  • @moltendb-web/angular - 基于 Rust/WebAssembly 的 Angular 本地优先数据库，支持 Signals、OPFS、GraphQL 风格查询和 Web Workers。
  • ngx-persist - 一个类型安全、基于信号的 Angular 持久状态工具，可与 localStorage、sessionStorage、IndexedDB 或自定义后端同步。
  • ngx-secure-storage - 兼容 SSR 的 Angular 服务，使用 AES 加密安全地存储、检索和管理 localStorage 和 sessionStorage 中的加密数据。
  • ng-storage - 一个现代、响应式的 Angular 浏览器存储管理服务，支持 AES-GCM 加密、TTL、变更通知和 Apollo 风格提供者。
  • ngx-webstore - 一个全面的 Angular 浏览器存储管理库，支持 TypeScript、响应式 API、加密、TTL 等。
  • ngx-local-vault - 一个响应式、加密的 Angular 浏览器存储——基于 Signals，gzip 后小于 2KB，零运行时依赖。
  • typed-storage-angular - @jeanharo98/typed-storage 的 Angular 封装，集成原生 Angular Signals 并自动同步 localStorage。
  • secure-client-store - 用于 AES-256-GCM 客户端加密的通用 TypeScript 库（支持浏览器和 Node.js）。
  • rxdb - IndexedDB 的抽象层。

生成器与脚手架 ​

  • abp - 面向企业应用的开源 ASP.NET Core 框架，采用有主见的架构。
  • orval - 基于你的 OpenAPI 规范，在前端应用中生成、验证、缓存和模拟。
  • teleport-code-generators - 面向现代 JavaScript 应用的代码生成器集合。
  • generator-jhipster-ionic - 你可以使用它生成一个与 JHipster 后端通信的 Ionic 应用。
  • ng-openapi - Angular OpenAPI 客户端生成器。
  • spiderly - 一个 .NET（C#）生成器，将你的 EF Core 模型转换为可定制的 .NET 和 Angular 应用。
  • tmf - Eclipse Modeling Framework (EMF) 的轻量级 TypeScript 移植版，用于跨 Node.js、Java 和 Angular/React 的模型驱动、类型安全数据模型。
  • jangular-cli - 一个 Spring Boot + Angular 入门套件，包含 JWT 认证、Flyway 迁移、路由保护和 CLI 设置。
  • enterprise-java-saas-starter-kit - 生产就绪的 SaaS 启动器，基于 Java 21、Spring Boot 3.4、Angular 21（Standalone + Signals）、MSSQL、JWT 认证和 Docker Compose。
  • AutoFormsBuilderFilesGenerator - 使用 ng-openapi-gen 从 OpenAPI/Swagger 生成 Angular 表单，具备强类型、验证和 UI 辅助功能。
  • angular-scaffold - 使用生产项目所需的所有工具搭建 Angular 项目。
  • ngx-schematics-utilities - Angular Schematics 的有用工具。
  • momentum-cms - 一个基于 Angular 的无头 CMS。在 TypeScript 中定义集合，自动生成管理 UI、REST API 和数据库模式。
  • openapi-ng - 从 OpenAPI 3.x 规范生成 TypeScript 模型和 Angular 服务——快速、确定性、由 Rust 驱动。
  • angular-sitemap-generator - 为 Angular 项目生成 sitemap.xml 文件。
  • angular-momentum - 以最小配置快速在 monorepo 中启动 Angular 项目。
  • angular-openapi-gen - 可摇树优化、信号原生的 API 客户端生成器。
  • SaaS Starter - 生产就绪的 NestJS + Angular 21 SaaS 样板，包含 JWT/OAuth/2FA 认证、Stripe 支付、多租户、RBAC、BullMQ、Docker、Terraform 和 55+ 测试。
  • polyfront-scaffold - 一个提供广泛配置选项的生成器，用于构建灵活、可扩展的 Angular 应用。
  • ngx-autogen - 一组 schematics，通过生成最佳实践代码和减少重复设置任务来简化 Angular 工作流。
  • swaggular - 一个从 Swagger/OpenAPI 规范生成 Angular 服务和模型的工具。
  • ForgeCMS - 面向 Angular 和 Analog.js 的代码优先无头 CMS，带有可复用的 Angular 管理后台，以及 Cloudflare D1/R2 或 Node/libSQL/S3 适配器。
  • prism - 从 Lit Web 组件自动生成框架包装器（React、Vue、Svelte、Angular、Solid、Preact）和 HTML/CSS 示例。
  • ng-openapi-signals - 面向 Angular 的 Signal-first OpenAPI 客户端生成器，使用 resource() 和 fetch()。
  • LymeStack - 一个全栈 Web 应用模板和工具集，帮助小型团队快速构建和增强应用。
  • Node Initializr - 快速收集应用依赖，并为你处理大部分初始设置。
  • nx - 此插件提供执行器、生成器和工具，用于管理应用和库。
  • skulljs - 为使用流行的 JavaScript 和 TypeScript 框架构建 Web 应用提供标准化的文件结构。
  • Bootify.io - 生成带有自定义数据库、Angular 前端和 CRUD 功能的 Spring Boot 应用。
  • JHipster - 用于 Spring Boot 和 Angular 的开源应用生成器。
  • NGX View Builder - 拖放式低代码构建器，通过 JSON 以原生方式可视化设计整个页面、仪表板和表单。

IDE 扩展 ​

GraphQL ​

  • graphql-code-generator - GraphQL 模式和操作的代码生成器，支持灵活的插件。
  • apollo-angular - 一个功能完备、可用于生产的缓存 GraphQL 客户端，适用于 Angular 和所有 GraphQL 服务器。
  • apollo-orbit - 一个功能完备的 Angular GraphQL 客户端，支持模块化状态管理。
  • apollo-dynamic-angular - Apollo Angular 的变体，通过装饰后的 schema 支持查询、变更和订阅的动态选择集。
  • ngx-graphql-client - 一个类型化的 Angular GraphQL 客户端，完全支持 TypeScript。
  • takeshape - 使用 TakeShape 可以轻松构建 GraphQL API。请参阅此指南以集成到 Angular。

布局 ​

  • gridstack - 移动友好的 TypeScript 库，用于拖放、多列响应式仪表板，支持 Angular。
  • angular-gridster2 - Angular gridster 2。
  • angular-split - Angular 分割组件。
  • polymorpheus - 一个用于 Angular 中多态模板的微型库。
  • ngx-layout - Angular FlexLayout 的克隆。
  • ng-sortgrid - 一个允许通过拖放对所有项目进行排序的网格。
  • gui - 由 JSON 驱动的可配置面板 GUI。
  • berg-layout - 此 monorepo 包含 Berg Layout for Angular、React 和 Web Components 的版本。
  • ngx-flex-layout - Angular Flex Layout 的移植版，以在 EOL 后提供支持。
  • ng-flex-layout - 基于 Flexbox 和 mediaQuery 可观察对象，提供响应式、灵活布局 API 的 Angular 库。
  • ngx-material-drawer - 可配置的 Angular Material 抽屉和工具栏。
  • masonry-angular - Angular 零依赖瀑布流——基于信号、无 zone 且 SSR 安全。
  • ng-cmdk - 面向 Angular 的快速、可组合、无样式命令菜单—cmdk 的移植。
  • ngx-gridpattern - 一个简单的组件库，用于创建带有图案背景的容器。
  • layout-virtual - 框架无关的虚拟化引擎，用于响应式列表和网格布局。
  • ngx-flickering-grid - 一个简单的组件库，用于创建带有动画网格图案背景的容器。
  • ngx-swipe-menu - 一个用于创建“左滑执行‘操作’”体验的组件。
  • ngx-compactable-row - 提供响应式按钮行，空间有限时将多余按钮移入菜单。
  • @marxlnfcs/ngx-grid - 用于现代网格布局的简单 Angular 网格模块。
  • ngx-dock-layout - 用于创建 IDE 风格、可调整大小面板布局的 Angular 库。
  • ngx-retro-grid - 3D透视网格组件，支持自定义颜色、旋转和平滑动画，营造怀旧或未来感效果。
  • static-columns - 使用 Angular 和 FlexBox 定义静态宽度的列。
  • dockview-angular - 零依赖布局管理器，支持标签页、分组、网格和拆分视图。

UI 库 ​

  • NG-ZORRO - 基于 Ant Design 和 Angular 的企业级 UI 组件。
  • Nebular - 基于 Eva Design System 的可定制 Angular UI 库。
  • NG-ALAIN - NG-ZORRO 管理面板前端框架。
  • zardui - 基于 shadcn-ui 和 NG-ZORRO 的漂亮、无障碍 Angular 组件集合，完全开源免费。
  • po-angular - 基于 Angular 的组件库。文档为葡萄牙语。
  • optimus-ui - PrimeNG 的一个分支。
  • ngx-ui - 适用于 Angular2 及更高版本的样式和组件库！
  • carbon-components-angular - IBM Carbon 设计系统的 Angular 实现。
  • JSuites - UI 组件和工具（表单、模态框、输入框）的集合，可通过自定义包装器或指令集成到 Angular 中。
  • ngx-vflow - 一个用于使用 Angular 构建基于节点的 UI 的开源库。
  • ng-clarity - 为 Angular 构建的可扩展、可访问、可定制、开源的设计系统。
  • fundamental-ngx - SAP 设计系统的 Angular 组件库。
  • ej2-angular-ui-components - Syncfusion Angular UI 库，包含 70+ 轻量、响应式、模块化、触控友好的组件。
  • ng-aquila - Aquila，一个开源的 Allianz GDF 组件库，此处以白标变体形式提供。
  • sbb-angular - 面向 SBB 的 Angular 库。
  • ngx-tethys - 快速可靠的 Tethys Design Angular 组件。
  • gcds-components - gcds-components-angular 包可轻松将 GC Design System Web 组件集成到 Angular 中。
  • designsystem - 实现 Kirby 设计哲学的 UX 组件库。
  • atomic-angular - 一个组件库，包装核心 Atomic Web 组件，以构建与 Coveo 平台交互的现代 Angular UI。
  • flexi-ui - 为 Angular 设计的全面且强大的 UI 库。
  • ship-ui - 一个现代、基于信号、兼容无 zone 的 Angular UI 库。请访问其官方网站了解功能和文档。
  • ngx-float-ui - Floating UI 库的 Angular 封装。
  • @koobiq/angular-components - 面向安全敏感产品的开源设计系统，提供 UI 模式、组件、工具、资源和指南。
  • ng-verse - 生产就绪的 Angular 组件，可直接复制粘贴。
  • slateui - 一个现代、可访问的 UI 组件库，提供基于 Angular 原语、Tailwind CSS 和信号构建的指令式组件。
  • ui - 来自 Alauda 前端团队的企业级 Angular UI 框架。
  • frame-ui - 一个围绕现代原语构建的可定制 Angular 组件库。
  • takeoff-ui - 一个全面的设计系统，提供使用 Stencil.js 开发的框架无关 Web 组件。
  • ng-vcl - 基于 VCL CSS 生态系统的 Angular 组件库。
  • antwerp-ui_angular - 用于构建用户界面和响应式 Web 应用的组件接口库。
  • crosskit - 框架无关的 UI 组件，使用单一行为核心和样式表，并提供 React、Vue、Svelte 和 Angular 适配器。
  • oblique - 采用瑞士企业设计的 Angular 框架，为品牌化业务应用提供即用型组件。
  • ngxsmk-ui-kit - 200+ 免费 Angular 组件。原生支持 signals。无 zone。令牌主题。内置暗色模式。
  • ngx-semantic - Angular 生态系统中 Semantic UI 的现代原生惯用移植。
  • luma-ui - 适用于 Angular 应用的新极简设计系统。
  • kage-ui - 轻量、灵活的 Angular 库，包含受 border-first 设计系统启发的可复用组件，用于构建可扩展、一致的 UI。
  • kanso-protocol - 开源、跨框架的设计系统，包含 W3C DTCG 令牌、Web 组件和 AI 就绪的 MCP 服务器——围绕 kanso（簡素）即去除不必要之物的原则构建。
  • mk-kit - 用于管理面板的 MIT 组件库：180 个基于 signals、无 zone 就绪的组件，使用 CSS 变量主题化，WCAG 2.1 AA，并提供 PrimeNG 迁移示意图。文档，npm。
  • mantic-ui - 用于 Semantic UI 和 Fomantic UI 的 Angular 组件。
  • ngx-kit-ui - 面向移动端和 Web 的现代 Angular UI 库。
  • mozek - 一个轻量级 SCSS 工具包和 UI 库，旨在实现简洁、干净、不过度设计的样式，并保持一致的间距、颜色和排版。
  • angular-liquid-glass - 一个独立的 Angular 组件库，用于液态玻璃和玻璃态界面。
  • ngx-core-components - Angular 19+ 组件库——基于 signals、OnPush 变更检测和零运行时依赖的生产级 UI 组件。
  • ng-zen - 在项目中无缝创建可定制、生产就绪的 Angular UI 组件。
  • ngwr - 用于构建时尚 Angular 应用的 Angular UI 套件。
  • quix-quang - 由 Quix Srl 开发的 Angular 组件和工具库。
  • magary - 一个现代、独立优先的 Angular UI 库 monorepo。
  • Gleks Web UI - 使用 Signals、OnPush 和 CSS 变量的无障碍独立 Angular 组件，零 Material 或 CDK 依赖。
  • OGE UI - 用于数据密集型应用的 Angular 组件（含 React 版本）：数据网格、输入框和表单（MIT 许可），以及付费的数据透视表、图表、调度器和甘特图。文档和演示。
  • angulux - Angular 22 UI 组件库——PrimeNG 最后一个 MIT 版本的社区精选分支。
  • ngx-nova-ui - 一个现代 Angular 20 UI 组件库，采用信号、独立组件和 CSS 优先的主题方法构建。
  • ngx-cupertino - 实现 Apple iOS 26 / macOS Tahoe 26 设计系统的 Angular 组件。
  • OpenMFP Web Components Library - 一个现代 Angular 21 Web 组件库，提供基于最新 signal API 构建的声明式 UI 组件。
  • @tooark/web-components - 一个基于原生 Web 组件构建的框架无关组件库，为 React、Vue 和 Angular 提供一流包装器。
  • kiln-ui - 一个受孟加拉国视觉遗产启发的 Angular 组件库。
  • @nexcraft/forge - 框架无关的 Web 组件 UI 库。可通过自定义元素在 Angular 中使用。
  • TecnualNG - 一个现代 Angular UI 库，提供可复用、可定制且无障碍的组件，用于构建专业的 Web 应用程序。
  • ngx-aespartal-ui - 一个专业、轻量、可定制的 Angular 组件库，基于原子设计原则构建。
  • ngx-support-chat - 一个纯展示性的 Angular 组件库，用于客户支持聊天界面。
  • eagami - 基于 CSS 自定义属性构建的轻量级、无障碍 Angular UI 组件库。
  • coss-ui-angular - 受公开 COSS UI 目录 启发的无障碍 Angular 组件。
  • fold-ng - 一个暗色优先、无障碍的 Angular UI 库和设计系统。基于现代标准构建：signals 优先、独立、无 zone、SSR 就绪。
  • xiri-ng - 一个配置驱动的 Angular 组件库，其中 Go 后端 通过 JSON 结构控制 UI。
  • sushi-angular - 一个开源、无障碍、可主题化的 Angular 组件库，基于 CDK 和原生 HTML 语义构建，提供类型化 signal API。
  • particle-ng - 一个轻量、可主题化的组件库，提供 Angular Material 和 PrimeNG 的灵活、高控制力替代方案。
  • Magma - 一套广泛的组件、服务、管道、指令和工具，支持其生态系统，任何人都可以使用或扩展。
  • Mundane UI - 框架无关、零依赖、轻量级 UI 组件库。
  • ngx-pk-ui - 一个 Angular 21 组件库，提供 UI 组件和 CSS 工具。
  • Dev Extreme - 功能完整的 65+ Angular 组件套件。
  • Zyra UI - 现代 Angular 组件库，具有设计令牌、signals、暗色模式优先主题和 WCAG 2.1 AA 无障碍支持。
  • Wijmo 5 - 面向 Angular2 的 UI 组件集合。
  • Taiga UI - 强大的 Angular 开源组件集！
  • AgnosUI - 高度可配置的无头框架无关组件库。
  • ngx-ui - 来自 Omnedia 的 NGXUI：用于落地页和营销材料的独立 Angular 组件、模块和模板。
  • bryntum - 世界级的 Web 组件，用于日历、甘特图、看板和时间调度。
  • Vega - 通过利用适合您首选框架的可复用组件和样式，加速功能开发。
  • Blueprint UI - 使用灵活、随处可用的 UI 组件和工具加速您的开发。
  • NgBracket - 无障碍优先的 Angular 组件包（表单、数据表格、调度器、图表等），v22+ 上原生支持 signals 和 Signal Forms；WCAG AA，手动测试键盘和屏幕阅读器。
  • Hub UI - 用于独立应用、Angular Signals 工作流、无障碍、CSS 变量和生产级文档的可复用 Angular UI 组件。
  • solanda-ui - 适用于 Vue、Nuxt、React、Angular、Svelte 和原生 JavaScript 的极简 Web 组件 UI 库。

NgRx ​

  • Official GitHub repository - Angular 的响应式状态。
  • angular-ngrx-nx-realworld-example-app - 使用 Angular 21、NgRx 21 和 Nx 22 构建的真实世界应用。
  • ngrx-store-localstorage - @ngrx/store 与本地存储之间的简单同步。
  • ngrx-course - Angular University 完整指南。
  • ngrx-toolkit - NgRx Signal Store 的各种扩展。
  • ngrx-wieder - 使用 NgRx 和 Immer.js 为 Angular 提供轻量级撤销-重做功能。
  • ngrx-immer - 围绕 NgRx 方法 createReducer、on 和 ComponentStore 的 Immer 封装。
  • ngrx-traits - 一个帮助您在整个应用中组合和复用一组 NgRx actions、selectors、effects 和 reducers 的库。
  • ngrx-rtk-query - 让带 Hooks 的 RTK Query 在 Angular 应用中正常工作。
  • ngrx-store-storagesync - 高度可配置的 localStorage/sessionStorage 与 @ngrx/store 之间的状态同步库。
  • store-service - 在 Angular 组件和 NgRx store 之间添加抽象层/门面。
  • SmartNgRX - 一个通过抽象 NgRx 简化 CRUD 操作的库，同时仍利用并支持现有的 NgRx 代码。
  • ngx-signal-store-query - 将 Signal Store 功能与 Angular Query 桥接。
  • ngrx-http-tracking - 该 NgRx 库与现有 store 集成，以减少样板代码并简化处理 HTTP 请求状态（如加载、成功和错误）。
  • ngrx-addons - NgRx 附加组件集合，包括状态持久化。
  • ngrx-hateoas - 一个遵循 HATEOAS 方法将超媒体 JSON 引入 NgRx Signal Store 的库。
  • ngrx-graph - 一个 CLI 扫描器，用于生成 JSON 和 DOT/SVG 依赖图。
  • easy-ngrx-distinct-selector - 提供函数，可轻松创建 @ngrx/store 选择器，其参数和结果值使用相同的函数。
  • ngx-view-state - 用于在 NgRx 中处理加载/成功/错误的库。
  • ngx-rehydrate - 用于 Angular SSR 应用的 NgRx 状态再水化库。
  • ngrx-offline - 为使用 NgRx 的 Angular 应用提供持久、乐观、离线的变更处理。
  • Official website

RxJS ​

  • redux-observable - 用于 Redux 中 action 副作用处理的 RxJS 中间件，使用“Epics”。
  • learn-rxjs - 清晰的 RxJS 示例、解释和资源。
  • rxjs-challenge - 一组小型 RxJS 谜题，用于练习您的 Observable 技能。
  • rxjs-course - 来自 Angular University 的 RxJS 课程。
  • operators - 此包汇集了一些 RxJS 操作符，旨在简化常见模式。
  • rx-computed - 基于 RxJS 的异步版本，对应 signals 的 computed()。
  • ngx-operators - 适用于 Angular 的 RxJS 操作符。
  • ng-event-bus - 基于 RxJS 的 Angular 消息总线服务。
  • subscribable-things - 各种浏览器 API 的响应式封装集合。
  • eslint-plugin-rxjs-x - eslint-plugin-rxjs 的分支，添加了 ESLint flat config 支持，包含破坏性更改和改进。
  • rxjs-common - 一组实用的 RxJS 操作符。
  • rxjs-broker - 用于 WebRTC DataChannels 和 WebSockets 的 RxJS 消息代理。
  • reactive-event-source - 轻量级基于 RxJS 的 EventSource 包装器，具有自动重连、泄漏预防和响应式状态管理功能。
  • web-serial-rxjs - 一个 TypeScript 库，为 Web Serial API 提供基于 RxJS 的响应式包装器，使 Web 应用中的串口通信变得简单。
  • rxjs-conduit - 具有附加功能的 RxJS ReplaySubjects，使响应式编程更简单。
  • Official website - JavaScript 的响应式扩展库。

加载器 ​

  • boneyard - 自动生成的骨架屏加载框架，支持 React、Preact、Vue、Svelte、Angular 和 React Native。
  • shimmer-from-structure - 一个 React、Vue、Svelte 和 Angular 的 shimmer/骨架屏库，自动适配组件的运行时结构。
  • ngx-progressbar - 纳米级进度条，具有逼真的涓流动画。
  • ngx-spinner - 用于 Angular 的加载旋转器库。
  • phantom-ui - 结构感知的骨架屏加载器。一个 Web Component，适用于所有框架。
  • ngx-loading-bar - Angular 自动页面加载/进度条。
  • angular-svg-round-progressbar - 使用 SVG 创建圆形进度条的 Angular 模块。
  • ngx-skeleton-loader - 创建美观、动画化的加载骨架屏，自动适配你的 Angular 应用。
  • ngx-ui-loader - 多用途 Angular 加载器/旋转器，支持前景/背景模式、进度条和多加载器支持。
  • loadersz - 框架无关、无依赖的浏览器 Canvas 加载器。
  • ngx-loader-indicator - 适用于 Angular 应用的出色加载器。无需包装，仅作用于你的元素。
  • angular-busy - 在 promise/Observable 期间，在任何元素上显示忙碌/加载指示器。
  • ngx-fastboot - 动态 Angular 配置加载器，通过将配置编译到独立 chunk 中提升启动性能。
  • skeletonizer - 轻量级、可自定义的包，用于创建骨架视图，支持 Vue 和 Angular 适配器。
  • ngx-signal-loading-bar - 轻量级、基于信号、无 zone.js 的 Angular 加载条。
  • skeleton-styler - 一个轻量级、框架无关的库，用于生成骨架加载 UI，支持自定义样式和动画。
  • skedapt - 一个零配置的自适应骨架加载器，用于 Angular，装饰宿主元素，使骨架自动匹配容器的自然布局。
  • angular-smart-skeleton - 灵活且可复用的 Angular 骨架屏加载器，支持动态行、列、卡片、列表、表格和自定义布局。
  • loaderx-arun - 500+ 下一代动画 UI 加载器。
  • ng-overlay-skeleton-loader - 轻量级 Angular 指令，为组件添加可自定义的骨架屏加载状态。
  • ngxsmk-skeleton-loader - 轻量级骨架屏加载器，支持 SCSS 动画和简单主题。
  • shimmerkit - 零依赖、框架无关的动画加载器和骨架占位符。
  • ngx-loader - 基础加载器，搭配用于状态管理的服务。
  • ngx-promise-buttons - Angular 冷却加载按钮。

数据网格 ​

  • Jspreadsheet CE - 开源 JavaScript 电子表格和数据网格组件，可通过包装或 Angular elements 在 Angular 应用中使用。
  • active-table - 与框架无关的表格组件，提供可编辑的数据体验。
  • simple-table - 框架无关的数据网格和表格组件，用于构建现代、可扩展的应用。
  • slickgrid-universal - 一个 monorepo，包含与框架无关的 SlickGrid 使用相关的所有编辑器、过滤器、扩展和服务。
  • uiGrid - 开源、多平台数据网格，支持现代 Angular signals、Web Components、React 和 Rust。
  • angular-generic-table - Angular 表格组件，支持排序、分页、搜索高亮、键盘导航、自定义模板和页脚计算。
  • ZingGrid - 一个 JavaScript Web 组件，可与 Angular 及许多其他框架无缝集成。
  • ngx-flamegraph - 用于堆栈跟踪可视化的火焰图，基于 Angular 编写。
  • angular2-smart-table - Angular 智能数据表格组件。
  • toolbox - 高性能、框架无关的 Web Components，适用于数据密集型应用。
  • gp-grid - 采用模块化架构构建的数据网格库，将核心逻辑与框架集成清晰分离，高效处理百万行级海量数据集。
  • ngx-multi-sort-table - 该库基于 Angular Material Design 提供多列可排序表格，专注于服务端加载和排序的数据。
  • cerious-grid - 一款为追求控制力、灵活性和性能的开发者打造的强大 Angular 网格组件。
  • PivotHead - 一个功能强大且灵活的库，用于在 JavaScript/TypeScript 应用中创建交互式数据透视表。
  • angular-datagrid - 基于 RevoGrid 构建的强大 Angular 数据网格组件。
  • ngx-datatables-net - 支持 Angular 20+ 的 DataTables.net Angular 包装器。
  • ngx-panemu-table - 一个易于使用的 Angular 表格组件，主要在 TypeScript 中配置，只需在 HTML 中使用简单的 panemu-table 标签。
  • @witqq/spreadsheet - 基于 Canvas 的电子表格/数据网格引擎，零依赖，10 万行数据下保持 60fps，支持完整编辑和实时协作。查看其网站。
  • uni-table - 基于 signals 构建的 Angular 数据网格，实现零延迟性能，将高级服务端功能与精简的配置 API 相结合。
  • ngx-mat-simple-table - 声明式 Angular Material 表格——开箱即用支持 JSON 列、排序、过滤、分页和自定义单元格模板。
  • TabularJS - 轻量级 JavaScript 表格和数据网格库，为 Angular 提供高级表格功能。
  • ngx-tabulator-tables - Tabulator 表格库的 Angular 封装。
  • angular-tree - 高性能、无头树组件，无 zone、基于 signals、完全虚拟化，唯一运行时依赖为 @angular/cdk。
  • GuiExpert Table - 框架无关的表格库，旨在与主流框架无缝集成，包括 Angular（参见 Angular 22 示例）。
  • ogrid - 轻量级、多框架数据网格，具备企业级功能，却零企业成本。
  • ngx-datawindow - 现代化经典 DataWindow 的表格组件，提供零配置 CRUD、计算列、多缓冲状态、离线同步和细粒度变更跟踪。
  • @some-angular-utils/table - 远程或本地数据、分页、过滤、响应式布局和完全模板控制——集成到一个声明式 <sau-table> 元素中。
  • mat-datatable - 一个使用 Angular Material 实现虚拟滚动的简单数据表格。
  • @Trixwell/data-grid - 一个 Angular 数据表格组件，支持过滤、排序、分页、CSV 导出、子网格和 Material 集成。
  • ngx-powerful-tree - 基于 @angular/cdk/scrolling 构建的虚拟化树，支持 HTML5 拖放、快速搜索、锁定子树和文件选择器模式，在 10 万行以上数据时保持流畅性能。
  • ngx-simple-datatables - 轻量级、高性能的 Angular 数据表格组件，支持虚拟滚动、列冻结和自定义模板。
  • ngxsmk-datatable - 现代 Angular 17+ 数据表格，专注于性能、可定制性和开发者体验。
  • ngx-column-filter - 功能强大、可复用的 Angular 列过滤器组件，支持多种字段类型、高级过滤规则和可自定义的匹配模式。
  • angular-datatables.net - Angular 加 DataTables。
  • agrid - Angular 数据网格，具备类电子表格编辑、虚拟滚动、过滤、排序、分组、剪贴板工作流、行操作、分页和自定义单元格渲染器。
  • angular-advanced-table - Angular monorepo，包含 ng-advanced-table——一个 signals-first、可访问的数据表格库——及其文档站点。
  • DataGrid - 服务端驱动的分页、过滤和排序，适用于 .NET 和 Angular——作为独立的可复用库。
  • fastgrid-angular - COQsoft 出品的 FastGrid 和 FastSheet 的官方 Angular 包装器。
  • ngx-deebodata-community - 开源数据网格，支持虚拟滚动、列调整大小、单元格编辑、标签页可访问性、行选择、排序和过滤。
  • ag-grid - 用于构建企业应用的最佳 JavaScript 数据表格。支持 React、Angular、Vue 和纯 JavaScript。
  • ignite-ui-angular's grid - Ignite UI 中的数据网格、树形网格、分层网格提供类似 Excel 的过滤、实时数据、排序、可拖拽行和其他工具栏功能。
  • sheetjs - 一个用于读写电子表格数据的 JavaScript 库。
  • handsontable - 一个流行的 JavaScript 数据网格组件，为您的应用带来熟悉的电子表格外观和感觉。
  • activereportsjs/angular-reporting-tool - 用于数据可视化和报表的 Angular 组件。使用 ActiveReportsJS 嵌入报表。

基于角色的访问控制 ​

  • casl-angular - 将同构权限管理库 CASL 与 Angular 集成的模块。
  • ngx-permissions - 适用于 Angular 应用的基于权限和角色的访问控制（兼容 AOT、懒加载模块）。
  • urbac - 一个完整、生产就绪的样板，旨在帮助您在几分钟内搭建安全的多级访问控制系统。
  • ngxsmk-gatekeeper - 一个轻量级、对开发者友好的 Angular 中间件引擎，通过一个可组合的设置保护路由和 HTTP 请求。
  • ngx-signal-permissions - 一个现代、基于信号的 Angular 库，用于管理权限和角色，完全支持 TypeScript。
  • ng-ability - 在 Angular 中定义访问控制列表。
  • rulegate - 本地优先、与提供商无关的 .NET 和 Angular 授权方案。
  • SailPoint Angular SDK - 使用此 SDK 在 SailPoint API 与您的 Angular 应用之间进行交互。
  • nblocks - 一个控制中心，用于无缝管理身份验证、支付、订阅、功能和角色管理。
  • permit - 一种授权即服务解决方案，可与 Angular 一起使用。

组件 ​

  • ts-jest - 一个支持 source map 的 Jest 转换器，让你可以使用 Jest 测试用 TypeScript 编写的项目。
  • jest-preview - 轻松调试你的 Jest 测试。
  • jest-preset-angular - 适用于 Angular 项目的 Jest 配置预设。
  • jest-codemods - 用于迁移到 Jest 的 Codemods。
  • @jscutlery/playwright-ct-angular - Playwright Angular 组件测试。
  • swc-angular - 这是一组 Angular 预设，让你可以在 Jest 或 Vitest 中使用 SWC（Speedy Web Compiler）。
  • swc-angular-plugin - 一个为闪电般快速的 JavaScript/TypeScript 编译器添加 Angular 支持的 SWC 插件。
  • jest-marbles - 用于 Jest 的 marbles 测试辅助库。
  • ngx-speculoos - 更简单、更清晰的 Angular 单元测试。
  • testronaut - 通过消除模拟和猜测，Testronaut 使开发者能够直观地检查输出，并使用 Playwright 强大的 API 编写精确的测试。
  • docker-ng-cli-karma - 能够运行 Karma 和 Chrome 的 Angular Docker 镜像。
  • vitest-browser-angular - 这个社区包在 Vitest 浏览器模式 中渲染 Angular 组件。
  • wdio-harness - WebdriverIO 对 Angular 组件测试工具的支持。
  • @MRinaldi9/vitest-browser-angular - 这个官方 vitest-browser-angular 库的独立分支，具有与原项目不共享的隔离实现。
  • Angular Testing Library - 通过引入专为测试 Angular 组件而设计的 API，扩展了 DOM Testing Library。
  • Meticulous AI - 覆盖应用程序的数千个边缘情况——无需编写或维护任何测试。
  • Jasmine - 简单的 JavaScript 测试。
  • Jest - 一个注重简洁性的愉悦 JavaScript 测试框架。
  • Vitest - 一个 Vite 原生的测试框架。
  • Early AI - 通过 Early 自动生成、验证和校验的单元测试，节省时间、提高代码覆盖率并确保质量。支持 Jest 和 Vitest。

表单 ​

  • @TanStack/form - 凭借 TypeScript 支持、无头 UI 和框架无关的设计，它简化了跨框架的表单处理。
  • maskito - 用于创建输入掩码的库集合，确保用户按照预定义格式输入值。
  • ngx-mask - Angular 插件，用于在表单字段和 HTML 元素上创建掩码。
  • formisch - 一个基于 schema 的无头 JS 表单库，在轻量、模块化的包中提供快速、类型安全的状态管理和验证。
  • ngx-sub-form - 用于将 Angular 表单拆分为多个组件的工具库。
  • GolemUI - 声明式表单引擎。
  • ng-forge - 一个为 Angular 基于信号的表单构建的类型安全、动态表单库。
  • ngx-vest-forms - 一个轻量级、类型安全的适配器，将 Angular 模板驱动表单与 Vest.js 连接，用于复杂的异步验证。
  • formancy.ai - 一个开源的 Angular 和 React 可视化表单构建器。
  • piying-view - 一个强类型的前端表单解决方案；是 ngx-formly 和 Angular 官方表单框架的替代方案。
  • ngx-reactive-forms-utils - 用于辅助使用 Angular 响应式表单的工具。
  • ngx-form-object - 对 Angular 响应式表单的抽象，可从模型生成表单并管理嵌套关系。
  • ngx-forms - Angular 表单函数集合，可帮助您构建应用程序。
  • ngx-query-builder - Angular 查询构建器，具有独立组件、合理的默认值、模板钩子，并完全支持领域特定编辑器的表单。
  • ngx-form-draft - 零依赖的 Angular 表单草稿自动保存和恢复。
  • ngx-enhancy-forms - 增强版的 Angular 表单。
  • ngx-signal-forms - 一个信号驱动、类型安全的 Angular 表单库，基于实验性 Signal Forms API 构建，采用现代 M3 样式。
  • ngx-better-forms - 精简、可维护的响应式表单工具。
  • @ngx-signal-forms/toolkit - 一个 Angular 信号表单包装器，管理错误时机、自动 ARIA 可访问性接线、警告、焦点管理、提示和自定义 CSS 主题。
  • ngx-focus-entities - 用于从 TopModel 生成的 Focus4 表示生成响应式 Angular 表单的库。
  • ngx-formidable - 一个强大的 Angular 组件库，用于构建丰富、经过验证的表单。
  • ngx-form-m3 - 适用于 Angular 和 Material 3 的波斯语表单库。
  • lite-form - 一个轻量级 Angular 库，提供可自定义的表单组件，支持验证、样式和动画。
  • ngx-mat-form - Angular 库，使用响应式表单和 Angular Material 从模式动态生成可配置表单。
  • zignal - 一个类型安全的 Angular 表单库，使用 signals 和 Zod 验证，支持土耳其特定验证器和多语言。
  • ngx-entity-forms - 从实体接口生成完全类型化的 Angular FormGroup，包含自动补全、验证和错误消息。
  • formsync - 一个开发者友好的 Angular 就绪表单后端，无需服务器端代码即可收集和管理提交。
  • form-nodes - Angular 的类型化信号表单。
  • fieldia - 一个用于 JavaScript 的表单引擎和表单构建器：一种 JSON 页面格式，可在 Angular、React、Vue 或纯 JavaScript 中渲染，从简单调查到完整 ERP 界面。
  • @luistabotelho/angular-signal-forms - 用于使用 signals 实现表单的简单 Angular 库。
  • pro-form - 一组基于 Angular Material 的预定义响应式、可复用表单输入组件。
  • ngx-autosave-forms - 使用 Angular 中的模板表单或响应式表单自动保存表单值到 localStorage。
  • ngx-form-stepper - 一个强类型 Angular 库，用于构建健壮的多步骤表单，在开发期间以最少配置防止无效状态。
  • ngx-form-rules - 一个轻量级 Angular 库，通过简单的声明式规则轻松启用、禁用和控制响应式表单字段。
  • @neutro-web/form - 高性能、零依赖、框架无关的响应式表单引擎。
  • forge-form - 从单个 TypeScript 对象生成响应式、基于信号的表单、验证和条件字段。
  • NgSimplicityForms - 可组合的 Angular 动态表单框架，提供共享核心 API 以及针对 Bootstrap 和 Angular Material 的渲染器包。
  • ng-modular-forms - 一个轻量级架构层，内置组件，用于模块化 Angular 响应式表单。
  • ngx-form-signals - 一个无头、信号原生的 Angular 表单协调库，管理字段状态和跨字段规则，而不强制组件、CSS、布局或适配器。
  • formular.dev - 一个先进、高性能、模式优先的表单管理和验证引擎，适用于现代 TypeScript 和 JavaScript 应用。
  • ngx-currency-v2 - ngx-currency 的分支，已更新至最新的 Angular 版本。
  • cc-form-engine - 用于响应式表单生成和管理的高级 Angular 库，支持动态验证、变更跟踪和可自定义的错误消息。

基于 Tailwind CSS 构建的 UI 库。 ​

  • Preline UI - 基于 Tailwind CSS 框架的开源预构建 UI 组件集。
  • FlyonUI - 集成 FlyonUI 与 Angular 和 Tailwind CSS，创建现代、响应式 UI，高效简化开发流程。
  • ng-brutalism - 新粗野主义 Angular UI 库，使用 signals、zoneless 和 Tailwind CSS v4。粗边框、偏移阴影、从头到尾的个性化美学。
  • starting-point-ui - 受 shadcn/ui 启发的框架无关 Tailwind CSS 组件，完全兼容 Angular。
  • simui - 使用 Tailwind CSS 和 Spartan 构建的精美 Angular UI 组件。
  • semantic-components - 模块化 Angular CDK + Tailwind UI 元素，具有语义化 HTML、完全无障碍性和轻量灵活性。
  • zapui - 使用来自 zap:ui 的 Tailwind 驱动设计系统构建可扩展的 Angular 应用。
  • TailNG - 使用 Tailwind 样式化的 Angular 组件，实现类似 Material 的外观。
  • elbe-ui - 使用 Tailwind CSS 和 Spartan UI 构建的 Angular UI 组件。
  • Ply - CLI 优先的 Angular + Tailwind 复制式组件库（前身为 Base UI (Angular)）：npx ply-ui-cli add 将源码复制到您的仓库中。127 个免费 MIT 组件；Pro 保持付费。文档见 ply-ui.com。不是 MUI Base UI (React)。
  • ngx-tailwind-ui - 一个基于 Angular 和 Tailwind CSS 构建的易用 Angular 组件、指令和服务集合。
  • bpdm/ng - 基于 Angular CDK 和 Tailwind CSS 的可访问、可主题化的 Angular 组件库，由共享设计令牌集驱动，并配有原生 React 版本。
  • koala-ui - 一个现代且可访问的组件库，旨在加速界面开发。
  • Arena by Dravensoft - 基于令牌驱动的 Angular 和 React 组件，共享 Tailwind 层，受严格 API 和无障碍契约文件约束，无内置调色板或字体。
  • ngx-tailwindcss - 一个可定制的 Angular UI 库，适用于 Tailwind CSS 4+，提供无障碍且设计精美的组件，并支持完全样式控制。
  • seacotools - 专为现代 Angular 应用设计的库，提供一套与 Tailwind CSS 兼容的可复用 UI 组件和服务。
  • shadcn-angular - 使用 Angular 和 Tailwind CSS 构建的精美设计组件。
  • volt-ui - 完全可访问、可主题化的 Angular 组件，基于 signals、Tailwind CSS v4、CVA 和 ng-primitives 构建。
  • ngnova-ui - Angular 22 组件库，基于独立组件、聚焦的包入口点、无障碍交互契约和 Tailwind CSS 主题化构建。
  • Galaxy UI - 为 Vue 3、React 18、Angular 20+、React Native 和 Flutter 打造的美观、可访问组件——基于 Radix 原语构建，支持 Tailwind CSS v3/v4，覆盖 Web 到移动端。
  • ngx-lite-suite - Angular UI 库，采用“Lite Suite”设计系统，包含玻璃拟态、渐变和流畅动画。
  • ngx-tw - 一个基于 Tailwind CSS 构建的综合组件库，为 Angular 应用提供现代且可定制的 UI 组件集。
  • Flowbite - 使用 Tailwind CSS 构建的开源 UI 组件，支持 Angular。
  • Metronic - 全面的 Tailwind CSS UI 工具包，用于高效构建现代、可扩展的 Web 应用。
  • nicacoder-ng - 集中式 Angular 可定制组件库，加速开发并确保项目一致性。
  • PrimeBlocks - 专业设计的 UI 块，专为快速应用开发而定制。
  • Tailkit UI - 精心制作、可定制、完全响应式的 Tailwind CSS 组件、模板和工具，适用于您的项目。

滚动 ​

  • simplebar - 自定义滚动条原生 JavaScript 库，具有原生滚动，简单、轻量、易用且跨浏览器。
  • OverlayScrollbars - JavaScript 插件，用于自定义样式的覆盖滚动条，隐藏原生滚动条同时保留其功能。
  • ngx-scrollbar - 具有原生滚动机制的自定义覆盖滚动条。
  • ngx-page-scroll - 用纯 TypeScript 编写的 Angular 动画滚动功能。
  • ngx-ui-scroll - Angular 的虚拟/无限滚动。
  • usal - 框架无关的终极滚动动画库。
  • ngx-scrolltop - 轻量级、受 Material Design 启发的页面滚动到顶部按钮。无依赖。
  • lithium-ngx-virtual-scroll - 适用于 Angular 的快速轻量虚拟滚动解决方案，支持单列列表、网格列表和视图缓存。
  • ngx-cerious-scroll - Cerious Scroll 的 Angular 绑定，这是一个高性能的虚拟滚动实现。
  • ng-virtual-list - 针对超大型列表的极致性能。
  • ngx-scrollspy - 带事件的 Angular 滚动间谍服务。
  • ngx-marquee - 一个简单的组件库，用你的内容创建无限滚动的跑马灯。
  • ngx-horizontal-menu-scroll - 一个轻量、可定制的 Angular 库，用于创建带有平滑导航控件的精美水平滚动菜单。
  • ngx-zoneless-scrollbar - 一个为无 zoneless 模式构建的轻量级 Angular 滚动条，使用原生滚动和 CSS 样式。
  • ngx-responsive-virtual-scroll - 快速、轻量的 Angular 虚拟滚动，适用于单列列表、响应式网格和视图缓存。
  • ngx-virtual-dnd - 用于虚拟滚动的 Angular 拖放功能。
  • ngx-tracing-beam - 一个简单的组件库，为垂直滚动添加动画追踪光束。
  • ngx-virtual-sortable - 一个可通过拖拽排序的虚拟滚动列表组件。
  • ar-virtual-scroll - 轻量级 Angular 虚拟滚动，支持自动动态高度，非常适合聊天、信息流和可变列表。
  • ngx-virtual-grid - 一个响应式、虚拟滚动的 Angular 网格，支持无限加载，使用 CSS Grid，自动测量项目大小，并仅渲染可见元素。
  • @omnedia/ngx-scrollbar - 自定义滚动条，支持平滑滚动和完全样式控制。
  • ngx-scrollbar-ultimate - 一个用于垂直滚动的轻量级库。
  • ngx-scroll-top - 可配置、轻量级的 Angular 项目返回顶部按钮。
  • ngx-virtual-scroller-flexible - 超快、灵活的虚拟滚动器，无缝渲染具有不同高度的无限项目。
  • angular-infinity-scroller - 一个轻量、高性能的无限滚动指令，可与现代 Angular 和 SSR 设置无缝协作。

样式 ​

  • panda - 通过其专用 集成，轻松将 Panda（CSS-in-JS 框架）与 Angular 结合使用。
  • ngx-mq - 一个声明式库，使用信号和原生 matchMedia API 管理媒体查询，内置 Tailwind、Bootstrap 和 Angular Material 的断点预设。
  • prime-ng-theme-fe - PrimeNG 的可视化主题设计器。
  • tokiforge - 框架无关的设计令牌引擎，适用于 React、Vue、Angular、Svelte 和原生 JS。
  • Angular-Material-Tailwind-Integration - 一组稳定、可主题化的 CSS 自定义属性，将 Material Design 系统令牌映射到 Tailwind CSS 工具类。
  • Super JSS - 一个微型的 Angular 运行时库，可生成带有断点和主题的原子 CSS。
  • ngx-classed - 一个允许你根据状态动态添加或删除类的库。
  • ngx-css - 针对 Squid CSS 的 Angular 抽象。
  • ngx-theme-stack - 现代、SSR 安全的 Angular 库，通过 Angular Signals 管理深色模式、浅色模式和自定义主题。
  • ngx-themes-plus - 一个 Angular 主题引擎，内置切换器，支持系统偏好和自定义主题。
  • Theme-Kit - 一个统一的设计令牌 SDK，集中管理颜色、排版和间距，可在 React、Vue、Angular 或任何 JavaScript 项目中无缝使用。
  • ng-stylex - 受 StyleX 启发的 Angular 编译原子 CSS。
  • ngx-angora-css - 一个基于 JavaScript 的 CSS 框架，在页面加载时动态生成样式。
  • ngx-responsive-signals - 基于信号的 Angular 响应式断点。
  • ukit-css - JIT 实用工具优先的 CSS 引擎——为任何前端技术栈（React、Vue、Angular、Svelte、Next.js、Astro、纯 HTML）按需生成 Tailwind 风格的类。
  • Material Theme Builder - 为你的应用提供实时 Angular Material 主题。

Cookies ​

免费模板 ​

  • angular-realworld-example-app - 包含真实世界示例（CRUD、认证、高级模式等）的 Angular 代码库，遵循 RealWorld 规范和 API。
  • coreui-free-angular-admin-template - 基于 Bootstrap 5 的管理模板。
  • ng-matero - Angular Material 管理仪表板模板。
  • QuickApp - ASP.NET Core / Angular 启动项目模板，包含完整的登录、用户和角色管理，以及用于快速应用开发的其他实用服务。
  • angular-tailwind - Angular 与 Tailwind CSS 管理仪表盘入门套件。
  • @wlucha/angular-starter - Angular 19 入门套件，包含 Storybook、Transloco、Jest、Cypress、Docker、ESLint、Material 和 Prettier。
  • free-tailwind-admin-dashboard-template - 一个免费、开源的 Tailwind CSS 管理仪表板模板，专为现代 Web 开发者构建。
  • zen - Nest + Prisma + Apollo + Angular 全栈 GraphQL 入门套件。
  • realworld-angular - 展示 Angular 库实际应用的真实世界 Angular 示例应用。
  • extreme-angular - 一个预配置开发工具的入门模板，强制执行最佳实践，以创建干净、可维护且可访问的 Web 应用。
  • material-pro-angular-lite - 来自 WrapPixel 的高质量 Angular Material 主题，个人和商业项目均可免费使用。
  • nx-ng-starter - 包含工作流自动化的 Monorepo 入门套件：Nx、Angular、Angular Elements、Electron、Node、Nest、Firebase。
  • free-angular-tailwind-dashboard - 免费、开源的 Angular + Tailwind CSS 管理仪表板，包含基本 UI 组件和预构建页面，提供时尚、现代的界面。
  • devextreme-angular-template - 基于 DevExtreme Angular 组件的响应式应用布局模板。
  • elite-angular-zen - 2026 Angular 17 Pro 管理模板，采用简洁现代设计。
  • spike-angular-pro-starter - Spike Angular 2026：面向现代仪表盘的终极免费 Material 管理模板。
  • jet - 用于快速构建高质量 Web 应用的 Angular 入门套件。
  • LightNap - 一个全栈单页应用入门套件，包含 ASP.NET Core Identity、JWT 管理和管理员身份功能。
  • ngXpress - 全栈 Angular 入门套件（SSR、Zoneless、Express 5、Prisma、better-auth、Tailwind CSS 4）。
  • spartan-admin-dashboard - 一个生产就绪的 Angular 管理后台模板，基于 Spartan UI 组件和 Tailwind CSS 构建。
  • angular-sample-app - 一个集成 Descope 的示例 Angular 应用，包含登录、用户仪表板和动态导航。
  • mantis-free-angular-admin-template
  • template-angular - 使用 Angular 框架和 Vite 打包的 Phaser 3 TypeScript 项目模板。
  • datta-able-free-angular-admin-template
  • berry-free-angular-admin-template - 一个免费的 Angular + Bootstrap 5 管理仪表板，具有可定制、功能丰富的页面，以提供最佳用户体验。
  • angular-quickstart - 一个极简 Angular 模板，助你快速部署到 Netlify！
  • gradient-able-free-admin-template - 支持渐变色的免费 Bootstrap、Angular、React 管理模板。
  • spike-angular-free - 基于 Material Angular 的最强大且全面的免费 Angular 管理模板。
  • angular-templates - 一组适用于常见 Web 应用的 Angular 模板。
  • AngularTemplate - 此 Angular 模板提供生产就绪的项目设置，包括结构化架构、工具、测试、CI/CD、样式、原理图以及清晰的规则文档。
  • keycloakify-starter-angular-vite - 用于 Keycloakify 11 的 Angular 和 Vite 入门模板。
  • base-angular-monorepo - 一个用于开发可扩展 Angular 应用的生产就绪基础项目（Nx、NgRx、Tailwind CSS、Jest、ESLint、Prettier）。
  • angular-ngrx-frontend - 面向 Symfony（或类似）后端的 Angular NgRx 前端模板。
  • sanity-template-angular-clean - 一个从 Sanity 获取内容的简洁 Angular 单页应用。
  • nestjs-angular-starter - 一个全栈入门模板，包含 NestJS 后端和 Angular 前端，具备认证、用户管理和常见基础设施模式。
  • angular.ng - 一个使用 Angular 和 Supabase 构建的开源生产力仪表板。
  • angular-dev-enhanced - 一个即用型 Angular 入门套件，包含 Vite、Vitest、ESLint 和 Prettier——非常适合干净、现代的开发。
  • elements-template - 一个现代、有主见的入门套件，用于构建由 Angular 21、Tailwind CSS v4 和 Vitest 驱动的自定义 Web Components。
  • exo-dash-angular - 一个现代的 Angular 和 Tailwind CSS 管理后台模板。
  • tailkit-starter-kit-angular - Angular 入门套件，用于在项目中开箱即用地使用 Tailkit UI 组件。
  • angular-starter-kit - 包含 Prettier、Linter、Git-Hooks 和 VS Code 设置的 Angular 项目模板。
  • startup-template-angular - 一个即用型 Angular/Ionic 模板，集成了 Firebase 身份验证。
  • ng-ultimate-base - Angular 20 模板，包含 Angular Material UI、Tailwind CSS、i18n、ESLint、Prettier、Husky 和 CI/CD。
  • appblink - 生产就绪的 Angular + Flutter + Firebase monorepo 启动器。Web、移动端和后端统一于一个仓库。
  • fractal-boilerplate-lua-angular - 基础 Angular 与 Lua - FiveM 样板：一个精简的入门套件，支持热构建和实用脚本，用于 Web 和游戏内开发。
  • hanko-angular-express-starter - 将 Hanko 身份验证与 Angular 和 Express 集成的入门套件。
  • electron-angular-boilerplate - 一个 Angular 和 Electron 桌面应用，通过 TypeORM 使用 SQLite 数据库，并由共享的、运行时验证的 API 连接。
  • angular-starter-ui - 用于构建设计系统的 Angular 启动器：一个可发布的组件库（standalone、zoneless、signals）和一个 Storybook 工作坊。
  • ngx-blog - 一个基于 Angular 的现代博客 CMS，支持主题和 SEO 优化。
  • Colorlib
  • HTMLrev
  • radixweb - 完整的生产就绪微服务样板。

外部集成 ​

  • Postcat - 基于 Angular 和 Electron 的轻量级、可扩展 API 工具。
  • stream-chat-angular - Angular Chat SDK ➜ Stream Chat。轻松构建聊天应用。
  • Otter - 高度模块化的 Angular 框架，包含本地化、测试、定制和 CMS 驱动的动态配置单元。
  • Bloomreach Angular SDK - 为基于 Angular 的应用提供与 Bloomreach Content 的简化无头集成。
  • limitless-angular - 一组强大的 Angular 库，旨在增强 Angular 生态系统，帮助开发者构建更好的应用，重点支持 Sanity.io 集成。
  • alterior - 同构 TypeScript 框架，用于构建模块化服务，并与 Angular 无缝集成。
  • ngx-notion-cms - 通过 Angular 应用将 Notion 内容作为 CMS 渲染。
  • foblex2D - 用于 2D 几何的 Angular 库，提供点、线、向量、形状和变换的工具，用于 Foblex Flow。
  • AngularDart - 一个清晰分离为模板语言和组件模型的 Web 框架，使构建复杂、可维护的 Web 应用变得容易。
  • fusio-sdk-javascript-angular - 此 SDK 使 Angular 应用能够与 Fusio 集成，该项目被 backend 和 developer 等项目使用。
  • 23blocks SDK - 使用模块化后端模块，将全栈应用开发速度提升 10 倍。
  • angular-twitter-timeline - Angular 公共 Twitter 时间线组件。
  • ng-xtend - 通过灵活、可扩展的插件生态系统赋能 Angular 应用。
  • ngx-signalr-websocket - 适用于 Angular 的轻量级 ASP.NET SignalR 客户端。
  • ngx-iobroker - 此库提供了将 ioBroker 服务器快速轻松集成到 Angular 应用中的可能性。
  • ngx-unity - 用于 Unity WebGL/WebGPU 与 Angular 之间双向通信的类型安全桥接。
  • ngx-opentui - 实验性的 OpenTUI Angular 渲染器，使用模板和信号驱动原生终端 UI。
  • Sentry - 开发者优先的错误跟踪和性能监控平台。
  • DataDog - 借助 Datadog Angular 集成，你可以快速解决性能问题。
  • Elastic - 用于 Angular 应用的真实用户监控 JavaScript 代理。
  • @elastic/apm-rum-angular - 适用于 Angular 应用的 Elastic APM 真实用户监控。
  • Partytown - 将资源密集型的第三方脚本从主线程转移到 Web Worker 中。
  • Pega - Angular SDK 包含桥接和 DX 组件，将 ConstellationJS 引擎连接到基于 Angular 的设计系统。
  • NativeScript - 直接向 JavaScript 运行时提供平台 API（带强类型），以获得丰富的 TypeScript 开发体验。
  • Strich - 用于在 Web 浏览器中直接进行实时、多格式条码扫描的 JavaScript 库。
  • HyperFormula - 基于 TypeScript 的无头电子表格引擎，用于公式解析/求值，并附带 Angular 集成演示。
  • Bit - 利用 Bit 构建可组合软件。
  • Keploy - 通过与 Angular UI 交互记录测试用例和模拟，然后使用 Keploy 进行测试。
  • ngx-wp-shortcode - 一个让 Angular 应用将 WordPress 短代码渲染为原生 Angular 组件的库。

基于 Bootstrap 构建的 UI 库 ​

  • ngx-bootstrap - Angular 中快速可靠的 Bootstrap 组件（支持 Ivy 引擎）。
  • design-angular-kit - 基于 Bootstrap Italia 的工具包
  • ng-bootstrap-addons - 添加 ng-bootstrap 中不可用的 UI 组件（例如输入/表单控件）。
  • cute-widgets - 一个开源 Angular UI 库，提供基于指令的原生组件，并使用 Bootstrap 5+ 工具类和设计类进行样式化。
  • angular-bootstrap-md - Material Design for Bootstrap 5 & Angular 17。
  • ng-bootstrap - 使用 Bootstrap 5 CSS 和专为 Angular 生态系统定制的 API 构建的 Angular 组件。
  • yoozsoft - 使用 Bootstrap 5、CSS 和 NG Bootstrap 17 构建的组件，其 API 专为 Angular 生态系统设计。
  • ngx-gccb - Angular 19+ 库，提供易于使用的共享组件、指令、管道和服务。参见 showcase 获取代码片段。

速查表 ​

国际化 ​

图表 ​

  • ngx-charts - 适用于 Angular2 及更高版本的声明式图表框架！
  • unovis - 模块化数据可视化框架，支持 React、Angular、Svelte、Vue 以及原生 TypeScript 或 JavaScript。
  • sequential-workflow-designer - 可定制的无代码组件，用于构建流式编程应用或工作流自动化。零外部依赖。
  • org-chart - 高度可定制的组织架构图。提供 Angular、React 和 Vue 集成。
  • ngx-echarts - Apache ECharts 的 Angular 指令。
  • carbon-charts - 一个轻量的 Angular 封装，围绕原生 JavaScript 的 @carbon/charts 组件库。
  • ngx-graph - Angular 图形可视化库。
  • ng-diagram - Angular 库，用于构建交互式、可定制的图表、基于节点的编辑器和可视化工作流。
  • Foblex Flow - Angular 原生库，用于节点编辑器、工作流构建器和交互式图表：支持拖放节点和连接、小地图、自动布局、虚拟化以及键盘无障碍层。
  • ag-charts - 功能完整且高度可定制的 JavaScript 图表库。
  • amcharts5 - 适用于 JavaScript 和 TypeScript 应用的图表库。请参阅 Angular 集成指南。
  • highcharts-angular - Highcharts 的官方最小化 Angular 集成。
  • ng-apexcharts - ApexCharts 的 Angular 封装，用于构建交互式可视化。
  • ngx-gantt - 一个现代且功能强大的 Angular 甘特图组件。
  • angular-google-charts - 用 Angular 编写的 Google Charts 库封装。
  • ng-flowchart - 一个轻量级 Angular 库，用于构建拖放流程图。
  • ng-chartist - Chartist.js 的 Angular 组件。
  • ng-draw-flow - 一个用于创建基于节点显示数据的界面的库。
  • angular-chrts - 一个面向现代 Angular 应用的高性能、开发者友好的数据可视化库。
  • ngx-interactive-org-chart - 现代 Angular 组织架构图组件，支持交互式平移和缩放。
  • ngx-simple-charts - Angular 17+ 库，基于 D3 实现折线图、柱状图、环形图以及日期/时间线图，支持多个入口点。提供可配置的令牌处理服务。
  • ng-charts - recharts 的 Angular 移植版。
  • ngx-recharts - 使用与 Recharts 相同的 API，通过 Angular 组件构建可组合图表。
  • pioneer-charts - 一个使用 D3.js 创建响应式、可定制图表的 Angular 库——支持柱状图、折线图、饼图等。
  • mayacharts - 一个框架无关、零依赖的 Web 组件，仅需几行代码即可渲染美观且无障碍的图表，完全由浏览器驱动。
  • ngx-circle-chart - 适用于 Angular 的漂亮、自动缩放的圆形（环形）进度图表。
  • angular-gantt - 基于信号、无 Zone 的 Angular 20+ 甘特图。
  • mochart-angular - 用于 @mochart/core 图表库的 Angular 组件。
  • ngx-flexmonster - 一个功能强大且完全可定制的 JavaScript 组件，用于 Web 报表和数据可视化。
  • schedula-core-angular - SchedulaCore 的官方 Angular 封装——一个快速、轻量级的甘特图和资源调度组件。
  • silverpoint - React 和 Angular 图表组件，具有历史绘图美学风格。
  • systelab-charts - Systelab Angular 图表服务。
  • @cubejs-client/ngx - 结合 @cubejs-client/core，您可以在 Angular 中集成 Cube.js。

媒体 ​

  • Vidstack - 包含用于自定义 Web 媒体播放器的 UI 组件框架，以及可自定义的默认布局。参见安装指南。
  • cometchat-uikit-angular - CometChat Angular UI Kit 提供预构建的 UI，用于快速、可靠、功能齐全的聊天集成。
  • angular-audio-context - Web Audio API 的 AudioContext 的 Angular 封装。
  • voicecapture-angular - 该库为处理语音输入和转录提供了可自定义选项，是增强用户界面的灵活解决方案。
  • ngx-streaming-player - 一个统一的即插即用视频播放器组件，通过单一 API 处理 HLS、DASH、MP4 和 YouTube。
  • ngx-audio-wave - 来自 Silicon 的非常简单的音频波形系统。
  • ngx-rumbletalk - 用于 Rumbletalk 群聊的 Angular 库。
  • ngx-pro-media-player - Angular 媒体播放器，支持音频、视频、队列、交叉淡化、歌词和 RTL。
  • MediaSFU-Angular - 用于 WebRTC 视频会议、网络研讨会、直播、聊天、屏幕共享、录制、分组讨论室、白板、投票、实时字幕和翻译的 Angular SDK。
  • ng-three-model-cropper - 一个 Angular Three.js 库，用于可配置的 3D 模型裁剪，支持 GLB/FBX 格式和三角面修剪导出。
  • @ngx-core/media-optimizer - 专业的框架无关图像优化、转换和压缩库。
  • ngx-sync-videos - 一个 Angular 指令，用于同时播放、同步和偏移多个视频。
  • @dytesdk/web-core - 本快速入门展示了如何将 Dyte 的 Livestream SDK 添加到 Angular 应用中。
  • ngx-user-camera - 现代 Angular 20+ 相机组件，支持前后切换、可选画布渲染和无 zone 响应式信号。

NGXS ​

表单控件 ​

  • ng-select - 一体化 UI 选择、多选和自动完成。
  • ngx-color-picker - 颜色选择器组件。
  • BlossomColorPicker - 一个精致、绽放的 Web 颜色选择器，作为独立 JS 库提供，并附带 Angular、React、Vue 和 Svelte 的轻量级封装。
  • ngx-bar-rating - Angular 条形评分。
  • angular-code-input - 适用于 Angular 7–16+ 的健壮 Angular 输入组件（数字/字符），支持 Ionic 4–7、移动端和剪贴板。
  • ng-otp-input - 一个完全可自定义的 Web 一次性密码（OTP）输入组件，基于 Angular 构建。
  • ngx-ui-switch - 一个简单的 iOS 7 风格开关组件，用于 Angular。
  • ngx-filesaver - 使用 FileSaver.js 简单保存文件。
  • angular-cc-library - 支持信用卡输入掩码和验证的库。
  • ng-select2 - select2-component 的更新分支。
  • ngx-cron-editor - 图形化的 Angular 15+ cron 构建器，集成响应式表单和 Material Design 样式。
  • ngx-cron - 用户友好的 cron 输入。
  • ngx-otp-input - Angular 的一次性密码输入库。
  • file-input-accessor - Angular 指令，在 Angular 表单中提供文件输入功能。
  • gradient-picker - 一个强大且美观的渐变选择器。
  • @telixon/angular - 一个电话字段指令，应用于你自己的输入框，带有地区选择器、输入时格式化、模型中的 E.164 格式，以及与 Google libphonenumber 匹配的验证。支持响应式表单、Signal Forms 和 Angular Material。
  • ng-country-select - 一个智能的多语言国家搜索，带国旗和代码。
  • ngx-show-hide-password - 为密码或文本输入添加拆分输入按钮。在“文本”和“密码”之间切换输入类型。
  • rm-ng-star-rating - 一个完全可自定义且功能丰富的 Angular 独立组件，用于高级星级评分，支持精度和响应式设计。
  • smart-date-input - 一个智能日期输入指令，使用 Writer API 解析自然语言日期。
  • @koenz/angular-datepicker - 一个带动画效果的 Angular 21+ 日期选择器。
  • ngx-countries-dropdown - Angular 库，提供可自定义的国家下拉组件，包含国旗、拨号代码、语言和货币信息。
  • color-picker - 另一个漂亮的颜色选择器。
  • ngx-bootstrap-icons-picker - 这个图标选择器管理免费、高质量、开源的 Bootstrap Icons 图标库。
  • ngx-morse - 一个简单的 Angular 摩尔斯电码编码器和解码器。
  • nicematic-emoji-picker - 高性能、零依赖的 Angular 17+ 表情选择器，包含 929 个表情、自动主题、国际化（i18n）和响应式设计。
  • @nsnayp1/angular-datepicker2 - 轻量级 Angular 16+ 日期选择器，支持独立使用、范围和多日期选择，以及可自定义模板——无外部依赖。
  • ngx-libs-workspace - 一个小型响应式表单控件家族——基于 Signal Forms，可通过 CSS 自定义属性定制，且不依赖 Angular Material、Angular CDK 和 ControlValueAccessor。
  • ngx-mat-table-multi-sort - 为 Angular Material 表格添加多排序功能。
  • ngx-input-color - ngx-input-gradient 和 ngx-input-color 是可定制的 Angular 组件，用于颜色/渐变选择，带预览和表单集成。
  • combobox - 一个一体化的 Angular 选择解决方案，内置多选和自动补全功能。
  • ngx-signal-datetimepicker - 基于 Signal Forms 构建的 Angular 日期时间选择器——日期和时间合二为一，零依赖，开箱即用符合 WCAG 2.2 AAA 标准。
  • ngx-mat-date-input - 一个用于输入生日的 Angular Material 库。
  • ngx-mat-split-button - Angular Material 拆分按钮，带主要操作和次要选项下拉。
  • ngx-super-select-tree - 一个用于 Angular 的单选/多选下拉树！
  • ngxsmk-tel-input - 一个 Angular 电话输入组件，带国家下拉、国旗和健壮的验证/格式化。
  • ngxsmk-datepicker - 一个现代、高度可定制的 Angular 日期范围选择器组件。
  • ngx-pattern-lock - 一个轻量级、完全响应式且可定制的 Android 风格图案锁组件，适用于 Angular。
  • smt-select - 一个高性能、轻量级且可定制的 Angular 选择组件，内置虚拟滚动和搜索功能。
  • mat-password-meter - Angular 密码强度计（zxcvbn，符合 NIST 标准，可定制）。
  • ngx-phone-field - Angular 国际电话输入指令，带国旗下拉，支持响应式和模板驱动表单。
  • ngx-super-select - 一个 Angular 多选输入组件。
  • ngx-mat-period-picker - 一个使用独立组件构建的现代 Angular Material 日期选择器组件。
  • ngx-otp-code-input - 一个 Angular OTP 输入组件，具有丰富的自定义选项，包括掩码、纯数字输入和自动聚焦。
  • ngx-intl-phone-input - 无障碍、无头 Angular 国际电话输入，带有基于 CDK 的国家选择器。
  • angular-multiselect-dropdown - 一个维护良好的 Angular 多选下拉框，专为模板驱动和响应式表单设计。
  • ng-jvx-multiselect - 基于 Angular 的选择组件，支持单选/多选和异步选项。
  • ngx-country-selector - 一款简洁、可定制的 Angular Material 国家选择器，提供无障碍下拉菜单，包含国旗、区号、本地名称等。
  • ngx-phone - Angular 电话输入框，支持自动国家检测、实时格式化、验证和完整表单支持。
  • touchspin-angular - Angular 适配器，用于 TouchSpin 数字输入组件，支持按渲染器定制。
  • ngx-mat-searchable-select - 一个可复用的 Angular Material 选择组件，支持无限滚动、防抖搜索、“无结果”反馈以及静态/模拟数据。
  • ngx-starflow - 一个轻量级 Angular 组件，用于显示全精度的小数星级评分。
  • ngx-multi-field-dropdown - 一个可定制的 Angular 可搜索下拉组件，支持多字段搜索。
  • ngx-dual-rangepicker - 适用于 Angular 20+ 和 Angular Material M3 的双日历日期范围选择器。
  • @some-angular-utils/date-range-picker - 一个可直接集成到响应式表单中的日期范围选择器。
  • ngx-phone-country-input - 全面的 Angular 电话输入和国家选择库，支持响应式表单。
  • ngx-colors2 - 一个 Material 风格的 Angular 颜色选择器，已更新至 Angular 20+，使用信号且无动画依赖。
  • @amirsavand/ngx-input - 一个出色的 Angular 一体化输入和表单处理包。

Markdown ​

  • markstream - 在流式传输过程中渲染 Markdown。
  • ngx-markdown - 结合了 Marked、Prism.js、Emoji-Toolkit、KaTeX、Mermaid 和 Clipboard.js 的 Angular 库。
  • angular-markdown-editor - Angular Markdown 编辑器。一体化 Markdown 编辑器和预览器。
  • ngx-remark - 使用自定义 Angular 模板渲染 Markdown。
  • m-render - 一个用于渲染 Markdown 的库，扩展支持 Angular 组件和代码片段。
  • markular - 一个轻量级的 Angular Markdown 编辑器。
  • md-juice - 一个轻量级、基于 token 的 CSS 主题，用于 Markdown HTML 输出。
  • mdzip-editor - 一个可复用的 JavaScript、Angular、React 和 Vue 查看器/编辑器，支持 Markdown 和 MDZip（.mdz）文件。
  • mdbook-angular - 一个 mdbook 的渲染器，将 Angular 代码示例转换为可运行的 Angular 应用。
  • ngx-md-slides - 使用 Markdown、HTML 和 Angular 组件创建多语言演示文稿，支持实时示例。
  • @render-policy/angular - 渲染流式 agent/LLM Markdown 和 HTML，无需使用 [innerHTML] 或 bypassSecurityTrustHtml：清理为片段、允许图片主机、兼容 Trusted Types。
  • ngx-markdown-pages - 一个 Angular 库，用于将 Markdown 文件渲染为可路由的页面。
  • ngx-streamdown - Streamdown 的 Angular 移植版，一个针对 AI 驱动应用优化的流式 Markdown 渲染器。
  • streamdown-angular - 为 Angular 提供流式安全的 Markdown 渲染，专为 AI 聊天 UI 构建。Angular 移植版，源自 Vercel Streamdown。
  • mark-down - 一个框架无关的代码片段引擎，带有 Angular 适配器，在构建时索引 Markdown，在运行时渲染 HTML，并支持可选的净化。
  • ngx-md-editable - 一个轻量级 Angular 组件，用于编辑 Markdown 并渲染富有表现力的 HTML 内容。

JSON Forms ​

  • ngx-formly - 基于 JSON 的 Angular 动态表单。
  • jsonforms - 基于 JSON Schema 的可定制表单，开箱即支持 React、Angular 和 Vue。
  • formio - 基于 JSON 的 Angular 表单。
  • fluent-form - 使用 Fluent API 或 JSON 在 Angular 中构建动态表单。
  • jsonforms-angular-seed - 基于 Angular 的 JSON Forms 种子应用。
  • dynamic-forms - 基于 JSON 的 Angular 动态表单项目。
  • ngx-formbar - 一个高度灵活、用于生成声明式响应式表单的框架。
  • ng-formworks - 一个 Angular JSON Schema 表单构建器，与 Angular Schema Form、React JSON Schema Form 和 JSON Form 类似，且大部分 API 兼容。
  • json-forms-zorro-wrapper - Ng Zorro 封装的 json forms 库。
  • formitiva - 一个框架无关的运行时表单引擎，用于从 JSON 模式构建表单。
  • filter - 只需定义一次字段，即可在每次搜索时获得现成的 JSON 对象和 URL 查询字符串。
  • DynamicAngularForm - 通过传递带有关联值的 JSON 来创建动态表单。
  • ngx-json-forms - 一个零模板、JSON 驱动的 Angular 表单引擎，拥有 40 多种字段类型、高级验证、条件逻辑、向导和重复器。

验证码 ​

  • altcha - 符合 GDPR、WCAG 2.2 AA 和 EAA 标准，自托管 CAPTCHA 替代方案，具有 PoW 机制和高级反垃圾邮件过滤器。
  • ngx-turnstile - 用于 Angular 的 Cloudflare Turnstile。
  • ng-hcaptcha - 提供易于使用的 hCaptcha 组件。
  • ng-recaptcha-2 - ng-recaptcha 的 Angular 18 分支。或者，您可以借助此文章创建自己的服务来实现 Google reCAPTCHA。
  • ng-cloudflare-turnstile - 一个直观、轻量且易于集成的 Cloudflare Turnstile Angular 组件。
  • go-captcha-angular - 一个简单、易用、交互式且安全的验证码，实现文本/图形点击、滑动/拖动和旋转等验证模式。
  • yandex-smart-captcha - 一个用于集成 Yandex SmartCaptcha 的 Angular 库，支持标准/隐形验证码、响应式表单和现代 signals/effects。
  • ngx-captcha-kit - 此工具包通过单个组件和服务简化了 CAPTCHA 实现，确保与 Angular 20+ 功能（如 Signals 和 zoneless 变更检测）兼容。
  • recaptcha-angular - Google reCAPTCHA v2（复选框）和 v3（基于分数）的 Angular 组件，完全支持 TypeScript、独立 API 和 ControlValueAccessor 集成。
  • ngx-easy-captcha - 同时支持 Google Recaptcha 和 Cloudflare Turnstile 的简易验证码实现。
  • ngx-dice-captcha - 一个动态 3D CAPTCHA 库，具有基于骰子的交互和由 Three.js 和 Cannon-es 驱动的逼真物理效果。
  • trustcaptcha-angular - 此库帮助您将 Trustcaptcha 集成到您的 Angular 前端应用中。

日历 ​

  • angular-calendar - 一个灵活的 Angular 15+ 日历组件，可在月、周或日视图中显示事件。
  • schedule-x - Material 设计事件日历。
  • fullcalendar-angular - FullCalendar 的官方 Angular 组件。
  • CalendarJS - 开源 JavaScript 日历和调度组件，可集成到 Angular 项目中。
  • hss-calendar - 一个高级、轻量且完全可定制的 Angular 19+ 日历库。
  • ngx-modern-calendar - 一个小巧、可换主题、多语言的 Angular 日历组件。
  • cyrus-calendar - 一个轻量、多日历的 Angular 日期选择器，支持公历、沙姆斯（贾拉利/波斯）和帝国日历。
  • ngx-calendar-view - 一个响应式 Angular 日历组件库，具有日/周/月视图、拖放事件、移动端滑动支持和内置暗黑模式。
  • ngx-resource-scheduler - 一个轻量、灵活的 Angular 资源调度器。
  • datelane - 一个可定制、零依赖的 Angular 日历，具有 12 种视图和多个日期层。
  • daypilot-lite-angular - JavaScript/HTML5 事件日历/调度器组件的 Angular 版本，可显示日/周/月日历视图。
  • timegrid-angular - HexaFlexa Timegrid Web 组件的 Angular 封装。

Module Federation Webpack ​

  • @module-federation/core - 允许开发者在多个 JavaScript 应用之间动态共享代码和资源的核心库。
  • module-federation-plugin - 将 Module Federation 与 Angular CLI 集成的插件，用于加载微前端或插件。
  • webpack-module-federation-with-angular - 学习 Webpack Module Federation 的指南，包含多个 Angular 代码示例。
  • ngx-mfe - 用于在 Webpack 5 和 Module Federation 插件中处理微前端的 Angular 库。
  • ng-dynamic-mf - 使用 Module Federation 在运行时实现真正的动态模块。
  • web-fragments-migration-demo - 从 Angular 单体 SPA 应用迁移到包含 Qwik、Analog 和 Angular SSR 的微前端的路径。
  • angular-mfe-poc - 演示微前端架构的 POC，其中 Angular 作为宿主。
  • mfe-crossframework - 使用 Angular 作为宿主、跨框架远程模块的 Module Federation 项目，无需 Nx 构建。

基于 Material 构建的 UI 库 ​

  • Covalent - 基于 Angular Material 构建的 Teradata UI 平台。
  • MDBootstrap - Bootstrap 5 和 Angular 17 UI KIT——700+ 组件，MIT 许可证，安装简单。
  • IgniteUI Angular - 一套完整的 Angular 原生、基于 Material 的 Angular UI 组件库，包含最快的表格、图表等。
  • @ng-matero/extensions - Angular Material 扩展库。
  • angular-material-css-vars - 用于在 Angular Material 中使用 CSS 变量的小型库。
  • angular-ui-plusify - 包含日期时间选择器和 Markdown 编辑器，并计划扩展为完整的 Angular UI 工具包。
  • simplematcomponents - 一组适配或使用 Angular Material Design 的 Angular 组件。
  • mat-exp - 一个 Angular Material 组件和样式库，基于最新的 Material Design 3 Expressive 设计系统构建。
  • ngx-components - Angular 的有用组件和工具函数。
  • ngx-material-auth - 一个 Angular 库，提供认证和授权前端相关的功能。
  • ngx-material-navigation - 创建 Material 导航元素，如组合导航栏和侧边导航或页脚，并根据断点自动移动项目。
  • ngx-material-entity - 使用 NgxMaterialEntity，您可以创建实体并直接在属性上定义其显示方式。它甚至可以生成完整且高度可定制的 CRUD 表格。
  • sdcorejs-angular - 面向数据密集型业务应用的可复用 Angular UI。
  • nmce - Angular Material 扩展套件，包含可重用代码和 UI 增强功能，适用于复杂、数据密集型的业务应用。
  • ngx-dynamic-stepper - 一个强大、灵活的 Angular 库，用于创建基于 Angular Material Stepper 的动态向导式步进器。
  • angular-material-components - 为 Angular Material 项目提供额外组件：日期时间选择器、时间选择器、颜色选择器等。
  • c3-components - 一个扩展 @angular/material 库的开源组件库。
  • NgxMatFacetToolkit - Angular 独立构面过滤工具包，使用 Material UI。
  • angular-material-extended - Angular Material 的社区扩展（Standalone、Signals、Zoneless、SSR、M3 主题）。
  • parl - 一个与后端无关的 Angular 21+ 聊天 UI 库，支持媒体预览、消息回应、置顶项目和滑动回复。
  • Angular Material - Angular 的 Material Design 组件。
  • angular-jqwidgets - 采用 Material Design 的高级 Angular 组件。
  • Angular Material Dev UI - 开发人员探索其基于 Angular Material 和 Tailwind CSS 的应用程序的组件和模块的一站式场所。
  • BuilderKit - 一个完整的 UI 工具包和现代设计系统，基于 Angular Material 构建，包含模块、模板，为构建 Angular 应用程序提供坚实基础。

编辑器 ​

  • ngx-quill - Quill 富文本编辑器的 Angular 组件。
  • angular-editor - 适用于 Angular 的简单原生所见即所得编辑器组件。
  • @sibiraj-s/ngx-editor - 使用 ProseMirror 的 Angular 富文本编辑器。
  • tinymce-angular - 官方 TinyMCE Angular 组件。
  • ngx-wig - Angular 所见即所得 HTML 富文本编辑器。
  • domternal - 轻量、可扩展的富文本编辑器工具包，包含原生 Angular 组件（Signals、OnPush、standalone）、内置工具栏和主题，并完整支持表格。
  • notectl - 现代、可访问的 WYSIWYG 富文本编辑器，作为框架无关的 Web 组件构建，可在任何地方运行。
  • ngx-tiptap - tiptap v2 的 Angular 绑定。
  • slate-angular - Slate 的 Angular 视图层。
  • ngx-tinymce - 使用 Angular 构建的 TinyMCE 组件。
  • @acrodata/code-editor - Angular 的 CodeMirror 6 包装器。
  • @bloklabs/angular - 用于 Blok 的 Angular 适配器，Blok 是一种无头、基于块的富文本编辑器，输出 JSON 而非 HTML。
  • angular-tiptap-editor - 现代、可定制的 Angular 富文本编辑器，基于 Tiptap 构建。
  • ngx-jodit - 用于 Jodit 所见即所得编辑器的 Angular 封装。
  • qalma - 基于 ProseMirror 构建的 Angular 优先、无头富文本编辑器工具包。
  • ngx-simple-text-editor - 一个适用于 Angular 9+ 的简单原生文本编辑器组件。
  • MagnetarQuill - 可扩展的 Angular WYSIWYG 编辑器，支持富文本、媒体和表格，采用插件架构。
  • ngx-editorjs2 - 受 Editor.js 启发的可扩展块编辑器，支持自定义块和 Angular 响应式特性。ngx-editor-js2-blocks 增加了对自定义内容类型的支持。
  • nge-ide - 通过单个 <ide-root /> 组件，NGE IDE 将完整的桌面编辑器外壳嵌入 Angular 应用。
  • @bobbyquantum/ngx-editor - sibiraj-s/ngx-editor 的 Angular 21+ 分支。
  • contentful-rich-text-angular-renderer - Contentful 富文本的 Angular 渲染器，支持使用 Angular 模板自定义节点和标记渲染。
  • ngx-rwriter - 适用于 Angular 21+ 的现代富文本编辑器组件，原生支持图片、对齐、列表、颜色选择器和翻译。
  • ngx-email-studio - Angular 21 前端邮件构建器，用于编写、导入、编辑、预览和导出响应式邮件模板。
  • angular2-froala-wysiwyg - Froala 所见即所得 HTML 编辑器的 Angular 包装器。
  • svg-engine - 基于 Angular signals 构建的可嵌入、无头优先的 SVG 编辑器。
  • trevixal-editor - 独立、定制引擎的所见即所得富文本引擎，提供 Angular 集成。
  • kritzel - 无限画布编辑器，对 Angular 提供一流支持。
  • angular-rich-text-editor - 用于 RichTextEditor 的 Angular 封装，支持许可证密钥和 ControlValueAccessor。
  • armor-editor - 安全、轻量级的富文本编辑器，具备高级功能——专为无缝集成到 Angular 应用而设计。
  • ngx-workflow - 功能强大、高度可定制的 Angular 库，用于构建交互式节点编辑器、流程图和图表。
  • Monaco Pattern Editor - 高级 Angular 库，封装 Monaco Editor，提供精美主题和编程面试准备功能。
  • ngx-pro-editor - 功能丰富的 Angular 所见即所得编辑器，支持自动保存、特殊字符和高级格式化。
  • dragble-angular-editor - 双模式 Angular 组件，融合了面向设计师的可视化编辑器和 AI 驱动的对话界面。
  • ngx-richtext - 专业富文本编辑器，提供免费和高级功能层级。
  • ngx-image-editor - 专业图像编辑器，提供永久免费层级和离线 Ed25519 许可的高级工具。
  • ngx-tiptap-editor - 功能强大、特性丰富的基于 Tiptap 的 Angular 18+ 富文本编辑器，专为教育和技术内容设计。
  • ngx-property-editor - Angular 库，包含简单的输入组件和属性编辑器组件，可自动构建表单以编辑任何对象的所有属性。
  • ngx-ace-signal - 基于 Angular signals 的现代 Ace 编辑器封装。
  • ngx-mermaid-canvas - 适用于 Angular 的可视化流程图编辑器，输出 Mermaid 语法。
  • ngx-aztreya-editor - 一个轻量、可定制的 Angular 富文本编辑器组件，内置工具栏、标题、文本格式和对齐选项。
  • ngx-json-editor - 适用于 Angular 的最小化、可定制主题的 JSON 编辑器。
  • ckeditor - Angular 插件。
  • RichTextEditor - 独立的 Angular 组件，用于所见即所得 HTML 编辑器，支持图片上传、表格、修订和评论。商业永久许可证。
  • Scryb - 基于 Tiptap 构建的 TypeScript 所见即所得编辑器，统一费率 $39/月，提供无限加载、最终用户和文档。
  • Updog - 客户端数据导入器和电子表格编辑器。

HTTP ​

  • @connectrpc/connect-web - Connect 提供跨平台 API 库。@connectrpc/connect 在 TypeScript 中提供类型安全的 Protobuf API，@connectrpc/connect-web 增加了浏览器支持。参见 Angular 示例。
  • ng-http-loader - 智能 Angular HTTP 拦截器 - 自动拦截 HTTP 请求并显示 spinkit 旋转器/加载器/进度条。
  • @ngify/http - 响应式 Angular HTTP 客户端，支持类型化响应、简化错误处理以及请求/响应拦截。
  • ng-http-caching - Angular 应用中的 HTTP 请求缓存。
  • angular-odata - 用于在 Angular 中查询、创建、更新和删除 OData 资源的流畅 API。
  • ngx-sse-client - 一个简单的 SSE（服务器发送事件）客户端，用于 Angular 应用，替代 EventSource 的使用。
  • ngx-repository - 在 Angular 项目中轻松创建强类型数据客户端（HTTP REST 或 Firestore）。
  • @stitchapi/angular - 流式优先的 StitchAPI 绑定，将类型化、已验证的调用暴露为信号或可观察对象，并支持动态增量更新。
  • ngx-api-client - 这个可配置的 ApiService 提取并标准化了临时的 HttpClient 逻辑，用于处理基础 URL、错误、重试和加载状态。
  • ng-speed-test - 一个用于检查网络速度的轻量级 Angular 库。
  • luminara - 一个基于原生 fetch 构建的现代通用 HTTP 客户端，设计可靠、可扩展且架构清晰。
  • ngx-hal - 一个支持处理 HAL 格式 HTTP 请求的数据存储库。
  • ng-signal-query - 一个基于 signals 构建的类型安全 Angular 查询库，以高性能简化服务器状态、无限查询、变更和缓存。
  • ngx-cachr - 一个轻量级、基于信号的 Angular 缓存库。
  • ngx-signal-query - 面向 Angular 的信号优先数据获取、缓存和变更——受 TanStack Query 启发。
  • ngx-suspense-of - 为应用添加悬念效果的 Angular 指令。
  • ng-httpclient-easy-network-stub - 一个简单的类，用于模拟来自 Angular HttpClient 的大量网络请求。
  • trpc-angular - 该仓库提供两个基于 tRPC 的 Angular 包：用于 HttpClient 的 @heddendorp/trpc-link-angular，以及用于响应式数据获取的 @heddendorp/tanstack-angular-query。
  • ngx-esy-jsonapi - 一个轻量级的 Angular v20+ JSON API 适配器。
  • fetchquack - Angular 就绪的 HTTP 客户端，带有 RxJS Observable 包装器和注入上下文支持，提供轻量级基于 Fetch 的流式传输、SSE 以及上传/下载进度处理。
  • ngx-lite-cache - 一个 Angular 库，通过 HttpClient 拦截器缓存 HTTP 响应，以减少冗余请求并提升性能。
  • ng-qubee - Angular 查询构建器，支持响应式 URI（RxJS + Signals）、类型化分页、495+ 测试及多驱动支持。
  • ngx-task - 面向 Angular 的信号优先受控异步操作，支持取消、生命周期清理和显式并发策略。
  • angular-fetcher - 一个现代、基于信号的 Angular 库，用于无缝、类型安全的远程 API 数据管理，响应式地处理获取、变更和错误跟踪。
  • ngx-smart-interceptor - 适用于现代 Angular 应用的企业级、弹性且智能的 HTTP 拦截器。
  • ng-memento - 通过防止 Angular 项目中重复调用相同的 HTTP 请求，使应用运行更快。
  • ng-error-handling - 一个专为管理 HTTP API 错误响应而设计的 Angular 模块。
  • active-connect - 一个用于 Node.js、Angular 和 WebSockets 的连接框架，通过装饰器和工具简化实时客户端-服务器通信。
  • ngx-http - 一个轻量级 Angular 库，通过提供类型、静态值和工具函数来增强 HTTP 功能。
  • ngx-soap - 一个基于 node-soap 构建的轻量级 SOAP 客户端，完全兼容 Angular 的信号、独立组件和现代特性。
  • ngx-request-lock - 一个 Angular 库，将 UI 流程绑定到其 HTTP 请求的生命周期。
  • fetchwise - 通过自动重试、响应验证、请求和响应拦截器以及生成的 API 类型简化 API 集成。
  • ngx-nest-http - Angular HTTP 客户端，具有 Nest 风格控制器、DTO 验证和声明式路由。
  • ng-rest-client - 此库通过允许开发者使用方法装饰器定义 RESTful API 客户端，简化了 HTTP 请求。
  • ngx-data-polling - Angular 库，提供以声明式和类型安全的方式处理数据轮询的工具。
  • ziflux - 一个零依赖、信号原生的缓存层，适用于 Angular 21+，支持 resource() 的 stale-while-revalidate——即时导航、后台刷新、无加载指示器。
  • ngx-trpc-client - Analog 的 TRPC 包 的重制分支。
  • zx-angular-lazy-resource - Angular 基于信号的 resource() 的懒加载辅助工具——延迟加载直到首次访问，并将首个已定值作为 Promise 等待。
  • @some-angular-utils/paginator - 简单可靠的分页，仅需两个输入：滑动窗口、跳转按钮、禁用边缘和 CSS 变量主题。
  • angular-query - 一个受 TanStack Query 启发的 Angular 优先数据获取库，使用 Angular Signals 进行响应式查询、缓存和状态管理。
  • signal-http-cache - 基于 Angular Signal 的 HTTP 缓存库（查询、变更、TTL、SWR）。
  • my-http-resource - 一个响应式 Angular HttpClient 包装器，通过管理状态、URL 参数和配置来简化请求。
  • api-caller - 一个简单的 Angular API 调用库。

代码检查 ​

  • angular-eslint - 用于让 ESLint 检查 Angular 项目的所有工具的 monorepo。
  • eslint-config-neon - 一个全面的可共享 ESLint 配置。
  • angular-estree-parser - 一个将 Angular 模板表达式和绑定转换为 ESTree 兼容 AST 的解析器。
  • linters - 针对 ESLint / StyleLint 和其他代码质量工具的超级严格配置集合。
  • @ni/javascript-styleguide - NI 的 JavaScript 和 TypeScript ESLint 规则。
  • eslint-plugin-angular-modern - 用于现代且安全的 Angular 的 ESLint 规则。
  • eslint-config-angular-strict - 面向 Angular 开发的、包含严格规则的现代 ESLint 配置。
  • eslint-plugin-ng-module-sort - 自动排序 Angular 和 NestJS 模块数组，保持模块整洁有序。
  • eslint-config-spartan - 一种固执己见的 ESLint 配置，为各种 eslint 插件提供独立的配置（称为 mixins）。
  • eslint-config-angular - 全面的 Angular ESLint 配置，支持 TypeScript、组件/模板规则、可访问性和 CSS lint 检查。
  • ngx-html-bridge-markuplint - 该库通过将 Angular 模板反向编译为 HTML，将其链接到 Markuplint，从而实现准确的 lint 检查，并提供正确的源映射报告。
  • lint-a-lot - 针对使用现代 Flat Config 的 Angular 项目的固执己见的 ESLint 和 Stylelint 配置。
  • neighbor - 在可访问性问题进入生产环境之前，捕获标记、CSS 和文案中的问题。
  • JunoLint - 此 Angular ESLint 9 配置检查 TypeScript 和 HTML 布局、排序和样式规则，其中大部分可通过 eslint --fix 自动修复。
  • eslint-plugin-ng-perfectionist - 一个强制对 Angular 对象进行字母顺序排序的 ESLint 插件。
  • @yoo-digital/eslint-plugin-angular - Angular 的自定义 lint 规则。
  • eslint-plugin-angular-class-ordering - ESLint 插件，通过自动修复功能保持 Angular 类成员（字段和方法）的顺序一致。

Angular 启发的解决方案 ​

  • injection-js - 从 Angular 的 ReflectiveInjector 中提取的快速、经过充分测试的 JavaScript/TypeScript 依赖注入库。
  • @joanpablo/reactive_forms - 一个使用模型驱动方法进行表单和验证的 Dart 库，灵感来自 Angular 的响应式表单。
  • reaktiv - Python 的响应式信号，具有一流的异步支持，灵感来自 Angular 的响应式模型。
  • needle-di - 一个轻量级、类型安全的 JavaScript 和 TypeScript 项目依赖注入（DI）库。
  • knifecycle - 通过一种不显眼的依赖注入实现，自动管理 Node.js 进程的生命周期。
  • npm-clang-format-node - 受 clang-format 启发的 LLVM Clang 的 clang-format 和 git-clang-format 原生二进制的 Node 封装。
  • gapi - 受 Angular 启发，旨在以最少的工作量提供复杂的 Node.js GraphQL 后端应用。
  • @coregx/signals - 为 Go 提供类型安全的响应式状态管理，灵感来自 Angular Signals。
  • armature - 一个现代、类型安全的 Rust HTTP 框架，深受 Angular 和 NestJS 启发。
  • sio - Silicia 框架：基于 Ionic 的全新方法，旨在简化混合应用和网站的开发。
  • ioc - 适用于 TypeScript 应用的强大且灵活的控制反转（IoC）容器。受 Angular 和 NestJS 启发。
  • dom-harness - 受 Angular CDK 的 ComponentHarness 启发的框架无关 DOM 组件测试工具库。
  • named-slots - React 组件的声明式“插槽”，受 Vue、Svelte、Angular 和 WebComponents 中的插槽启发。
  • use-vue-service - 轻量级 Vue 3 状态管理，支持依赖注入，灵感来自 Angular 服务。
  • weave - 一个细粒度响应式、信号原生的 UI 框架。
  • rxor - 为 React 带来响应式信号，灵感来自 Angular Signals、Vue 3 的 ref/computed 和 SolidJS。
  • @dmytrodemchenko/Signals - 零依赖、无故障的 TypeScript 和 JavaScript 响应式信号，采用优化的 Angular 风格推/拉架构。
  • UnReact.js - 一个现代框架，结合 Angular 和 React 的优点，增强组件通信。
  • x-injection-reactjs - 基于 InversifyJS 构建的强大 IoC 库，灵感来自 Angular 的 DI，适用于 ReactJS。
  • angular-style-injector - 受 Angular Injector 启发的轻量级依赖注入容器。
  • di - 一个轻量级依赖注入库，类似于 InversifyJS 和 typedi。
  • GTPL - 使用 Direct DOM 和 Proxy 的响应式模板 TypeScript 库，受 Vue、Angular AOT 和 JSX 启发，打包体积仅 9KB。
  • react-di-lite - 受 Angular 服务启发的轻量级、分层依赖注入，用于 React。
  • rgenex - 一个 Angular-CLI 风格的 React 生成器，可即时搭建组件、钩子和页面。
  • Socketeer - 结构化、无装饰器的 WebSocket 框架，具有原生类型，架构灵感来自 NestJS 和 Angular 模式（控制器、管道、守卫）。
  • illuma - Angular 风格的 TypeScript 依赖注入。
  • indulgent - 一组轻量级 TypeScript 工具，专为 Web 开发设计，无外部依赖，并针对稳定的运行时性能进行了优化。
  • media-observer - 受 Angular Flex Layout Media Observer 启发的 JavaScript 可观察 resize（事件监听器）。
  • semantic-react-cli - 一个脚手架 React 组件的 CLI 工具，灵感来自 Angular 的 ng generate。
  • @woubuc/signals - 一个简单的独立信号实现，灵感来自 Angular。
  • sigsharp - 一个面向 .NET 的计算依赖库，灵感来自 Angular signals。
  • use-component-store - 为 React 提供使用 RxJS 的组件存储的最小实现。

SEO ​

  • unhead - Angular 应用的全栈 <head> 管理。
  • Angular SEO - Angular 与 React 示例 SEO（搜索引擎优化）。
  • ngx-seo-kit - 一个类型安全的 SEO 工具包，可在构建时为 Angular 应用生成 sitemap.xml 和 robots.txt 文件。
  • @davidlj95/ngx-meta - 快速设置 Angular 站点元数据（meta 标签、Open Graph、X Cards、JSON-LD），支持 SSR。

二维码 ​

  • qrcode-angular - 一个精简的 Angular 库，为 Self.xyz 创建验证二维码。
  • ngx-scanner - 使用 ZXing 的 Angular 二维码、条形码、DataMatrix 扫描组件。
  • angularx-qrcode - 一个快速且易于使用的、兼容 Ivy 的 Ionic 和 Angular 二维码生成器库。
  • ngx-kjua - 使用 kjua 的 Angular 二维码生成器组件。
  • ng-qrcode - 适用于 Angular 项目的易于使用且兼容 AOT 的二维码生成器。
  • qr-code-label-designer - 框架无关的二维码标签和徽章设计器，适用于 React、Angular、Vue、Svelte 和 Node.js。
  • dfts-qrcode - 一个微小且易于使用的 JavaScript/TypeScript 二维码生成器库。完全类型安全且兼容 ES 模块。
  • ng-qrcode-svg - 适用于 Angular 的简单二维码生成器（仅 SVG）。
  • Angular-html5qrcode - 该库为 html5-qrcode 库提供了 Angular 封装，使开发者能够轻松地将二维码和条形码扫描功能集成到他们的应用中。
  • ngx-qrcode - 一个简单的 Angular 18+ 组件，用于生成二维码。基于 react-native-qrcode-skia 库。

路由器 ​

  • ssgoi - 在路由之间动画化变化，而不接管导航。
  • ngx-quicklink - Angular 路由器的 Quicklink 预取策略。
  • ui-router - 通过 UI-Router for Angular 在 Angular 中实现基于状态的导航。
  • xng-breadcrumb - 零配置、轻量、可配置、响应式的 Angular 6+ 面包屑。
  • angular-typed-router - 类型安全的 Angular 导航，从单个 Routes 数组生成推断的路径联合类型和类型化的 navigate 元组，零代码生成或运行时开销。
  • real-router - 面向 JavaScript 的数据优先路由器——客户端应用中最声明式的路由器。
  • ngx-back-button - 用于处理 Angular 返回按钮功能的库。
  • ngx-multi-level-push-menu - 一个现代、可访问的 Angular 组件，用于响应式多级推送菜单，具有广泛的定制选项。
  • ngx-href - 一个指令，让 href 理解 Angular 路由器，同时保留其默认功能。
  • ngx-speculation-rules - Angular 库，基于 Speculation Rules API，支持预取和预渲染，实现更快的、兼容 SSR 和 Zoneless 的导航。
  • angular-router-menus - 类型化、可定制的基于 Angular 路由的菜单，支持多导航、嵌套下拉菜单和注入令牌访问。
  • ngx-route-manager - 一个简单的库，用于存储应用中使用的所有路由 URL。
  • ngx-url-params - 轻量级 Angular 服务，用于管理和同步 URL 查询参数，提供简洁的响应式 API。
  • ngx-history - 支持响应式编程的现代 Angular 导航历史服务。
  • ngx-route-breadcrumbs - 简化基于路由 URL 和参数创建面包屑的 Angular 库。

部署 ​

  • angular-cli-ghpages - SSR 无法工作，且可能存在一些注意事项，但你可以在 GitHub Pages 上托管你的 Angular 项目。
  • Genezio - 编写和托管无服务器应用的最简单方式。
  • oSStack Deploy - 受 Vercel 启发的高性能部署平台；具备零配置部署、自动框架检测和实时构建流功能。
  • deploy-with-git - 允许你从 Git 仓库直接将 Angular 应用部署到 Flux Network。
  • analog-publish-gh-pages - 用于在 GitHub Pages 上部署 Analog.js 应用的 GitHub Action。
  • ngx-config-orchestrator - Angular 库，通过外部 JSON 进行运行时配置，实现“一次构建，随处部署”。
  • @railwayapp-templates/angular-starter - 一键式默认 Angular TS 启动器，利用 Caddy 提供服务！
  • angular-deploy-bunny - Angular Architect 构建器（ng deploy），使用 SHA256 增量差异将构建同步到 Bunny.net CDN 存储区域，然后清除相应的拉取区域。
  • front-ready - 检测你的 Angular 构建设置，编译项目，并通过单条命令将其上传到 AWS S3，附带优化的缓存头。
  • AWS Amplify
  • Vercel
  • Firebase Hosting
  • Netlify - Netlify 上的 Angular 应用通过 Angular Runtime 插件获得自动框架检测和重定向。
  • Cloudflare Pages
  • SST - 一个框架，让构建和自动化现代全栈应用变得简单。
  • ngx-ssh-deploy - 使用 SSH 部署 Angular 项目。

微前端 ​

  • luigi - 企业级、技术无关的微前端编排框架，内置导航和授权功能。
  • micro-frontends-mindmaps - 一个总结微前端概念的心智图。
  • angular-micro-frontends - 使用 Angular 和 Nx 的微前端。
  • LoomWeaver - 面向 Angular 工作台的开源插件平台；对于以插件形式构建的产品，是微前端的替代方案。

图片 ​

  • ngx-image-cropper - 一个用于 Angular 的图片裁剪器。
  • ngx-img-cropper - 用于 Angular 的图片裁剪工具。
  • ngx-pinch-zoom - 该模块支持通过触摸屏手势进行图片缩放和定位。
  • ngx-avatars - ngx-avatar 的精神继承者。
  • ngx-smart-cropper - Angular 独立图片上传器，支持裁剪、调整大小、拖拽调整大小、网格覆盖和宽高比支持。
  • ng-image-optimizer - 一个高性能 Angular SSR 图片优化器，使用 Sharp 提供类似 Next.js 的体验。
  • ngx-image-forge - 一个 Angular 图片编辑库——支持裁剪、旋转、翻转和导出图片，零依赖。基于 Signals。
  • ngx-advanced-img - Angular 属性指令套件，提供多种 HTML img 功能扩展。
  • ngx-broken-img - Angular 指令，用于修复 img 中损坏的 URL。如果图片 URL 返回 404，则使用占位符填充 img 的 src。
  • ngx-image-magnifier - Angular 图片放大镜指令，支持键盘修饰键、智能定位、移动端优化以及流畅的 GPU 加速动画。
  • @jjmhalew/ngx-lightbox - 一个 lightbox2 实现的移植版本，用于 Angular >= 18（无 zone）。
  • ngx-image-fallback - Angular 图片回退指令。
  • ngx-ratio-image - Angular 库，用于在固定宽高比的容器内显示可变宽高比的图片。
  • ng-smart-images - CLI 优先的图片优化，支持哈希资源、运行时清单和可选的 Angular 辅助工具。
  • @necraidan/ngx-lightbox - 一个轻量级、可访问的 Angular 21+ lightbox，支持缩放、平移、捏合缩放和键盘导航，零依赖。
  • cloudinary - 来自 Cloudinary 的 Angular SDK。
  • unpic - Angular 指令，用于响应式高性能图片，自动生成 srcset、尺寸以及 CDN/CMS URL 检测。

地图 ​

性能 ​

  • sonda - 适用于 JavaScript 和 CSS 的通用可视化与分析工具。
  • microwave - 轻松优化 Angular 变更检测。
  • detective - 在架构层面使用取证代码分析，揭示代码库中的隐藏模式。
  • ng-event-plugins - 一个用于优化性能敏感事件的变更检测周期的小型库。
  • ngx-unused - 查找代码库中已声明但未使用的 Angular 类。
  • hawkeye - 一个可视化和优化 JavaScript 包的工具，揭示影响性能的模块、依赖项和资源。
  • rere-benchmark - 评估前端框架响应性和渲染性能的性能基准测试。
  • ng-reactive-lint - 一个 Angular 专用的 linter，强制使用 Signals 和 RxJS 实现最佳响应式模式。
  • ngx-performance-diagnostics - 零配置发现 Angular 应用中的性能瓶颈、过度变更检测循环和内存泄漏。
  • ngx-worker-bridge - 一个轻量级、零样板代码的 Angular 与 React 响应式桥接，让 Web Workers（专用和共享）像调用普通方法一样简单。
  • angular-rust-compiler - 用 Rust 编写的高性能 Angular AOT 编译器，提供 Angular 组件和指令的完整静态编译。
  • ngx-idle-monitor - 一个轻量级 Angular 服务，用于跟踪用户活动、管理会话超时，并在多个标签页之间同步空闲状态。
  • ng-queuex - 实验性 Angular 生态系统，具有类似 React 的调度器和信号驱动的指令，用于细粒度的变更检测。
  • esbuild Bundle Size Analyzer - 可视化 esbuild 包的内容。

键盘鼠标 ​

  • @TanStack/hotkeys - 类型安全的键盘快捷键库，带有出色的开发者工具。
  • angular-touch-keyboard - 适用于 Angular 应用的虚拟键盘。
  • ngx-contextmenu - 一个用于 Angular 的上下文菜单组件。
  • ngx-keys - 一个响应式 Angular 库，用于管理键盘快捷键，基于 signals 的 UI 集成。
  • focusly - 一个轻量级 Angular 库，为 Web 应用带来直观的键盘驱动导航。
  • ngx-command-palette - 零配置、键盘驱动的 Angular 命令面板，支持自动注册路由、自定义命令、异步搜索和上下文可见性。
  • ngx-arrow-state - 一个 Angular 库，提供类似终端/Shell 的输入历史导航（使用方向键），以及文本域的 Ctrl+Enter 表单提交。
  • angular-onscreen-material-keyboard - 使用 Angular Material 的 Angular 屏幕虚拟键盘。
  • ngx-keyboard-shortcuts - 已归档的 ngx-keyboard-shortcuts 包的积极维护分支，增加了 Angular 16+ 支持和现代工具链。
  • gigamenu - 一个用于 Angular 应用的键盘驱动命令面板菜单。

通知 ​

  • ngx-sweetalert2 - 声明式、响应式且模板驱动的 SweetAlert2 Angular 集成。
  • hot-toast - 为 Angular 提供热门的 toast 通知。
  • angular-bootstrap-toast-service - Angular 项目，用于发送基于 Bootstrap 的 toast 通知，包括 Vercel 部署。
  • notifyx - 一个简单、可定制的 JavaScript/TypeScript toast 库，零依赖。
  • flexi-toast - Angular toast 通知组件，支持标题、消息、图标类型、自动消失、手动关闭、动画、主题和定位。
  • toastify - 适用于 Web 应用的轻量且可定制的 toast 通知。
  • ngx-signal-toast - 面向 Angular 21+ 的信号优先 toast 通知库，支持无 zone、零依赖、SSR 安全以及强大的主题功能。
  • ngx-retoast - 对已归档的 ngx-toastr 库的重写，专为现代 Angular 应用设计。
  • ngx-french-toast - 轻量、可定制的 Angular 14+ toast 库，用于信息消息、反馈和动态组件支持。
  • ngx-snotifire - 一个灵活的 toast 库，提供多种通知类型、同时定位、丰富配置、完全自定义样式、内置主题、回调以及自定义 HTML 支持。
  • web-notifier - 轻量、灵活的 Web 通知库，提供基于 RxJS 的简单 API 用于浏览器通知。
  • ngx-notitia - ngx-toastr 的更新分支，为 Angular 21+ 添加了额外功能、修复和现代化改进。
  • ngx-notifier - 适用于 Angular 应用的简单通知服务。
  • ngx-gooey-toast - 一个形态从药丸变为水滴的 Angular toast 组件，是 React gooey-toast 的 Angular 移植版。
  • @IQXLimited/ngx-toastr - ngx-toastr 的分支，添加了额外功能、改进和自定义选项。
  • ngx-toastr-notifier - 轻量、可定制的 Angular 20+ toast 通知，采用 Material 设计和灵活的 API，替代 toastr。
  • ngx-dynamic-toast - 一个优雅、流畅的 Angular toast 通知库，深受漂亮的 Sileo 项目启发。
  • ngx-herald - 一个轻量、现代的 Angular toast 通知库。信号优先、兼容无 zone、零运行时依赖，是 ngx-toastr 的易用替代品。
  • makki-toast-package - 一个可定制的 toast 组件，旨在简化定制警报的创建和管理。
  • ngx-toast - 轻量、高性能且支持无 zone 的 toast 通知库，适用于 Angular 21+ 和 React 18+。
  • ngx-mat-toast - 基于 Angular Material MatSnackBar 构建的 Angular toast 通知库。
  • angular-toaster - Angular2-Toaster 的更新分支。
  • mk-magic-messages-library - 在 Angular 20+ 应用中轻松显示带动画的成功、信息、警告和错误警报。
  • ngx-advanced-toast - 基于原生 <dialog> 元素的高级 Angular toast 通知——信号优先、零 RxJS、纯 CSS 动画、完全可访问。
  • ngx-cozy-popup - 适用于现代 Web 应用的框架无关的弹窗和 toast 库。
  • @klausbrandner/ngx-notifications - 简单、轻量的 Angular toast 通知。
  • ngx-popify - 使用响应式信号构建的 Angular 16+ toast 通知，可通过视图组件轻松集成。
  • Notiflow - 一个现代的 Angular toast/通知库——基于信号、独立且无 zone 安全，无需 @angular/animations 构建。
  • ngx-yet-another-toast-library - 一个轻量、基于信号的 Angular toast 通知库，支持 Bootstrap 5 调色板。
  • snackng - 为 Angular 设计的玻璃质感 Toast 通知组件，零 UI 依赖，支持 CSS 变量主题。
  • toastify-all - 适用于所有 JavaScript 框架和平台的通用、现代化 Toast 通知引擎。
  • ngx-toastf - 一个轻量级、以独立组件优先的 Angular Toast 通知服务，无需任何模板标记或 ViewContainerRef。
  • ngx-alertifying - 可定制、响应式的 Angular 警报组件，在不同设备和场景下提供美观且可访问的反馈。
  • OneSignal - 通过 onesignal-ngx 将 OneSignal 集成到 Angular 应用中，用于推送和应用内消息。

轮播 ​

UI 原语 ​

  • ng-primitives - 一个低层 UI 组件库，专注于无障碍性、可定制性和开发者体验。
  • primitives - Radix UI 原语的 Angular 移植版。可访问。可定制。
  • NeuralTech - AI 优先、无样式且 Signal 原生的 Angular UI 组件，具有机器可读的契约。
  • Clean Architecture Frontend - 用于使用 Clean Architecture 构建前端应用的领域无关原语。适用于 React、Vue、Angular 或任何未来框架。
  • Bloc UI - 轻量、无障碍的 Angular 组件，零设计意见。使用您自己的样式或可选的主题包。
  • lily-design-system - 一个免费的无样式设计系统，跨七个框架提供数百个可访问组件，并附带主题和示例应用。
  • @luminacn/ui - Signal 优先、无样式的 Angular UI 原语。
  • aria-ng-ui - 一个现代、无障碍的 Angular 组件库，受 shadcn/ui 启发——基于 Angular 原生模式、Tailwind CSS 和无障碍优先原语构建。
  • angular-primitives - Signal 优先的 Angular 原语，用于构建可扩展、可访问的 UI 系统。

PDF ​

  • ngx-extended-pdf-viewer - 适用于 Angular 16+ 的全功能 PDF 查看器。
  • ng2-pdfjs-viewer - 一个用于 PDFJS 和 ViewerJS 的 Angular 组件（支持所有 Angular 版本）。
  • rm-ng-pdf-export - Angular 库，用于从 HTML 内容生成和导出超高清晰度 PDF，支持智能分页和清晰渲染。
  • pdf-viewer-kit - 一个基于 pdf.js 构建的现代、高性能、框架无关、轻量级的 PDF 查看器和注释库。
  • Angular Image & PDF Viewer - 使用 Mozilla 的 pdf.js 引擎进行平滑预览的可定制 PDF 和图像查看库。
  • ngx-pdf-viewer - 一个适用于 Angular 应用的轻量级 PDF 查看器库。
  • ngx-document-signer - 一个可复用的包，提供 PDF 表单创建器和 PDF 签名器。
  • ngx-pdf-export - 这个感知 DOM 的客户端 Angular 库直接在浏览器中将渲染的 HTML 元素转换为功能完整的 PDF，文本完全可选、可搜索和可复制。

网络 ​

  • ngx-device-detector - 一个 Angular v7+ 库，用于检测设备、操作系统和浏览器详细信息。
  • angular-http-server - 适用于单页应用（SPA）的简单 http-server。
  • ngx-offline-indicator - 一种简单且可定制的方式，用于在 Angular 应用中告知用户其互联网连接状态。

DOM ​

  • ng-dynamic-component - 支持输入和输出完整生命周期的 Angular 动态组件。
  • ngx-sharebuttons - Angular 分享按钮。
  • ngx-highlightjs - 即时代码高亮，自动检测语言，超级易用！
  • ngx-ellipsis - 适用于 Angular 9+ 的多行省略号文本。
  • angular-inport - Angular 视口内检测器。
  • ngx-annotate-text - 一个用于可视化和标注文本的 Angular 库，适用于命名实体识别和词性标注等任务。
  • ngx-resize-observer - 用于检测元素尺寸变化的 Angular 8+ 模块。
  • ngx-visibility - 检测元素可见性的 Angular 模块。使用 IntersectionObserver。
  • ng-lock - Angular 装饰器，用于在任务运行时锁定函数和用户界面。
  • angular-paginator - 适用于 Angular 应用的分页组件。
  • ng-helpers - 一组有用的 Angular 组件、指令和管道。
  • ngx-mutation-observer - 获取 Angular 8+ 中 DOM 元素被修改时触发的事件。
  • ng-gd - 一种管理 canvas 元素的简单方式，支持鼠标或平板事件。
  • ngx-signal-combinators - 用于 Angular 信号的可组合布尔辅助函数，实现更简洁的响应式模板逻辑。
  • viewport-truth - 一个以 VisualViewport 为先的微型存储，用于获取准确的 CSS 像素视口大小，可检测虚拟键盘、减少调整大小/滚动抖动，并支持跨框架的 SSR。
  • ngx-fade - 使用 Intersection Observer API 实现平滑淡入滑动视口过渡的 Angular 组件。
  • ngx-mentions - 基于信号的提及包装器，在 contenteditable 元素内使用不可编辑的原子 DOM 药丸。

拖放 ​

  • ngx-drag-drop - 使用原生 HTML 拖放 API 的 Angular 指令。
  • ngx-puzzle - 适用于 Angular 应用的拖放仪表板构建器。
  • ng-dnd - Angular 的拖放功能。
  • @hackingharold/ngx-dropzone - Angular Material 缺失的文件输入组件。
  • angular-mixed-cdk-drag-drop - 支持使用 Angular CDK 进行混合方向拖放的 Angular 指令。
  • ngx-swapy - 一个简单的组件库，借助 Swapy 实现拖放 DOM。
  • ngx-drag-resize - 该 Angular 库提供为 HTML 元素添加拖拽和调整大小功能的指令。
  • angular-drag-drop-layout - 一个轻量、无依赖的 Angular 库，用于创建高度可定制、响应式的网格布局，并支持拖放功能。
  • ngx-draggable-dom - Angular 属性指令，使任何元素成为可拖拽元素。
  • ng-keyboard-sort - 为使用 CDK 拖放排序的元素添加键盘命令的库。
  • ngx-dashboard - 现代 Angular 工作区，用于构建具有可调整大小单元格和可定制小部件的拖放网格仪表板。
  • ngx-drag-drop-kit - 高性能 Angular 拖放工具包，支持网格布局、排序、调整大小、嵌套等功能。
  • ngx-dropzone-next - @peterfreeman/ngx-dropzone 的维护分支，提供错误修复并兼容更新的 Angular 版本。
  • Official Angular Docs

支付 ​

外部列表 ​

包装器 ​

CSV ​

  • impler - 使用 Angular 包 将 CSV Excel 导入器嵌入到您的应用中。
  • ngx-export-as - Angular 2+ / Ionic 2+ HTML/表格元素，可导出为 JSON、XML、PNG、CSV、TXT、MS-Word、Ms-Excel 和 PDF。
  • rm-ng-export-to-csv - 一个轻量级且可定制的 Angular 库，用于将 JSON 数据导出为 CSV 文件，支持自动下载。非常适合图表、表格、报表和仪表板。
  • ng2csv - 用于将数据保存为 CSV 文件的 Angular 服务。

代码分析 ​

  • enola - 面向开发者、编码代理和 CI 的架构智能——理解代码库、分析变更影响并捕获架构回归。
  • oxc-angular-compiler - 一个用 Rust 编写的高性能 Angular 模板编译器，利用 Oxc 基础设施实现极速编译。
  • ide-byebye - 在运行中的应用中点击元素，描述更改，并将其模板源位置发送给 AI 编码代理，如 Claude Code、Codex 和 Cursor。
  • angular-compiler-output - 查看给定 Angular 模板的 Angular 编译器 JS 输出。
  • angular-doctor - 扫描项目中的 Angular 特定 lint 问题和死代码，然后生成 0–100 健康评分以及可操作的诊断信息。
  • ngx-genie - 可视化依赖注入树、分析服务状态、跟踪组件关系，并识别内存或架构问题的工具。
  • ng-parsel - 将您的 Angular 代码库解析为 JSON 抽象——非常适合展示 API 和分析。
  • ts-analyzer - 全面的 TypeScript 代码库分析器，提供类型安全、代码复杂度和质量的详细指标。
  • modulens - 一套用于前端工作区的架构、结构和质量分析工具。
  • ngcompass - 针对架构、性能、SSR、安全和代码质量的 Angular 感知静态分析。
  • bundleradar - 适用于 Angular esbuild 的超快包检查器、依赖追踪器、优化顾问和 CI 预算门禁。
  • ng-loom - 一个 CLI，扫描 Angular 项目并生成可共享、自包含的静态 HTML 报告，展示应用的架构：组件、指令、管道、服务、包装器、导入和注入。
  • angular-mermaider - 生成 Mermaid 数据流图的静态代码分析器。
  • compuse - 用于分析代码库中 Angular 组件使用情况的统一 API。
  • ng-di-graph - 一个命令行工具，分析 Angular TypeScript 代码库以提取依赖注入关系。
  • ngtrue - 使用 Signal Forms 一致性套件验证 Angular 库，并自动执行打包、导出和类型检查。
  • ngx-locator - Angular 开发工具，可从浏览器打开组件和模板，类似 LocatorJS。
  • ng-vitals - 静态分析工具，评估健康状况、架构、可维护性和现代化就绪程度。
  • ngx-html-bridge - 将 Angular 模板转换为静态 HTML 变体，从而可使用任何标准 HTML 工具进行可靠验证和 lint 检查。
  • ui-manifest - 从 Angular 和 React 源代码生成单一、统一的 JSON 模式，映射路由、组件和 UI 元素树（包括条件逻辑）。
  • Angular Health Check - 扫描项目，获取 0–100 健康评分，并自动修复问题。针对 Signals、RxJS 和性能的版本感知规则——无噪音。

日期 ​

动画 ​

  • ngx-lottie - 完全可定制的 Angular 组件，用于渲染 After Effects 动画。兼容 Angular 9+。
  • angular-animations-explorer - 一个展示 Angular 中可实现的多种动画的资源。
  • ngx-countUp - 通过计数来动画化一个数值。
  • ngx-digit-flow - Angular 的单个数字动画。每个数字都有一个垂直转轮（0-9），当数字变化时滚动到新值——老虎机/里程表风格。
  • ngx-typed-writer - 一个原生 Angular 2+ 打字动画库（兼容 Angular SSR 和 Angular Universal）。
  • ng-motion - 基于 motion-dom 构建的 Angular 动画库。
  • ng-auto-animate - 用于 FormKit 的 Auto Animate 的 Angular 指令（库）。
  • ngx-aurora - 一个用于可定制、动画极光背景的 Angular 库，具有渐变效果和两种动画样式。
  • ngx-typewriter - 一个轻量且易于使用的打字机效果库。它使用 RxJS 管理打字效果，确保动画流畅且可定制。
  • ngx-easy-view-transitions - 简化 View Transitions API 使用的 Angular 库。
  • ngx-shine-border - 一个为 Angular 组件提供动态且可自定义的动画边框效果的 Angular 库。
  • ngx-connection-beam - 一个动态渲染两个元素之间动画连接线的 Angular 组件。
  • ngx-word-morph - 一个 Angular 库，旨在简化 Angular 应用中的文字变形动画。
  • ngx-number-ticker - 一个简单的数字跳动效果，用于动画计数。
  • ngx-border-beam - 该组件允许你创建发光、动画边框，并可自定义颜色、边框半径和动画时长。
  • ngx-gradient-text - 一个用于平滑、动画文本渐变并支持自定义颜色过渡的 Angular 库。
  • ngx-ripple - 一个可自定义的涟漪效果组件，用于交互式、引人入胜的背景或容器。
  • ngx-background-beams - 一个生成动态动画背景光束的 Angular 组件，支持自定义渐变和运动路径。
  • ngx-particles - 一个用于交互式粒子动画的 Angular 库，可响应鼠标移动，创建可定制的背景。
  • ngx-gsap - 一个轻量、可定制的 Angular 动画库，基于 GSAP，声明式且易于使用。
  • ngx-animations - 受 GSAP 启发的 Angular 动画库，提供高性能指令、组件和完全支持 RTL 的时间线服务。
  • ngx-meteors - 一个为你的组件添加迷人流星雨动画效果的 Angular 库。
  • ngx-spotlight - 一个用于 SVG 聚光灯效果的 Angular 库，可高亮页面部分并支持自定义颜色和动画。
  • ngx-starry-sky - 一个创建美丽星空背景的 Angular 库，可选流星效果。
  • ngx-unicode-spinners - 基于盲文的 18 个 Angular Unicode 旋转动画，零运行时依赖。
  • Motionary - 滚动动画、动画Web组件，以及面向Web的零依赖动画运行时。
  • ngx-word-rotation - 一个 Angular 库，旨在简化 Angular 应用中的文字轮播动画。
  • ngx-cryptic-text - 一个提供加密文本动画效果的 Angular 库。该组件通过随机切换字母直到显示正确字符来为文本添加动画。
  • ngx-word-pullup - 一个为单词提供平滑上拉动画效果的 Angular 库。该组件设计为按顺序上拉并显示单词，并带有可自定义的延迟。
  • ngx-shiny-text - 一个提供闪烁文本动画效果的 Angular 库。
  • ngx-dotpattern - 一个为你的 Angular 组件提供可自定义点阵背景效果的 Angular 库。
  • ngx-spring - 使用弹簧物理而非持续时间和缓动曲线来创建流畅、自然的动画。
  • angular-movement - 一个 Angular 动效生态，将可复用的动画指令库与演示和文档站点整合于同一仓库。
  • ngx-transition-content - 一个 Angular 库，通过淡出旧内容、动画过渡到新尺寸、再淡入新内容，实现对话框内容的无缝切换。
  • web-scrolling-text - 一个轻量、可定制的文本动画库，用于创建平滑滚动文本效果，支持 React、Next.js、Angular 和原生 JavaScript。

引导与产品导览 ​

  • angular-shepherd - 站点导览库 Shepherd 的 Angular 封装。
  • ngx-ui-tour - 受 angular-ui-tour 启发的 UI 导览库。
  • skyux - 用于 Angular 的 SKY UX 组件。
  • ngx-onboarding - 用于无缝 Angular 教程的用户引导库，帮助用户快速学习和浏览你的应用。
  • ngx-custom-tour - 易于定制的 Angular 15+ 分步导览/用户引导。
  • ngx-web-tour - 一个可定制的 Angular 应用产品导览库，支持带动画和专业 UI 的用户引导。
  • ng-beacon - 适用于 Angular 19+ 的轻量级引导导览库，支持信号和无需 zone.js 的渲染。
  • ngx-intro - 一个 Angular 库，提供 Intro.js 的简单集成，用于创建交互式指南和分步教程。
  • ngx-guided-tour-lite - 一个轻量级、无依赖的 Angular 引导导览库。
  • JustOneCX - 适用于任何 Web 应用的产品导览、公告、调查和实时聊天。

工具提示 ​

视觉效果 ​

  • ngx-gauge - 适用于 Angular 应用和仪表盘的高度可定制 Gauge 组件。
  • ngx-countdown - 简单、易用且高性能的倒计时。
  • ng-whiteboard - 轻量级 Angular 白板组件。
  • angular-tag-cloud-module - 通过此模块，您可以生成词云 / 标签云。
  • ngx-font-picker - 适用于 Angular 的 Google 字体选择器组件。
  • ngx-gooey - Angular 的粘性效果，用于形状融合/元球效果。
  • levita - 轻量级 3D 倾斜与视差效果，支持加速度计。
  • ngx-parallax-stars - Angular 库，用于创建带有视差效果的美丽星星。
  • ngx-waterbox - 一个等距水盒组件。
  • @craftedcode-dev/ngx-analog-clock - 适用于 Angular 应用的模拟时钟组件，支持时区、自定义主题和丰富的样式选项。
  • ng-snowfall - 一个交互式 Angular 降雪组件，雪花响应鼠标移动以产生逼真的风效果。
  • @DerStimmler/ngx-analog-clock - 可自定义的模拟时钟，适用于您的 Angular 应用。
  • ngx-color-scheme - 轻松为您的 Angular 应用添加深色模式。
  • ngx-fancy - 模板元素之间的精美分隔线。
  • ngx-glassy-effect - 一个 Angular 指令，为您的 HTML 元素应用玻璃效果。
  • ngx-globe - 一个简单的组件库，用于创建带有动画地球的容器。
  • ngx-neon-underline - 一个 Angular 库，为您的组件提供发光的霓虹下划线效果。
  • ngx-lamp - 一个简单的组件库，用于创建灯具。

表单验证 ​

日志器 ​

  • lumberjack - 多功能的 Angular 日志库，内置驱动，并易于自定义日志驱动。
  • candy-logger - 一个轻量级的 JavaScript/TypeScript 日志库，在浏览器中提供弹出式 UI，在 Node 中提供增强的终端输出。
  • log4ngx - 一个用于 Angular 项目的 TypeScript 日志框架，基于 Log4j、Log4net 等中使用的概念。
  • @pubfunc/ngx-common-log - 一个灵活的 Angular 日志库，支持多种传输方式、日志级别、命名空间和依赖注入。

打印 ​

  • ngx-print - 一个即插即用的 Angular 库，用于打印你的内容。
  • ngx-printer-demo - 一个简单的 Angular 服务，用于打印窗口、窗口的一部分（div）、图像、HTMLElement 或 Angular 对象。
  • ngx-pos-print - 从你的 Angular 应用在 POS 热敏打印机上打印收据。

更新 Angular ​

  • ng-morph - 项目或 schematics 中的代码变更从未如此简单。
  • @fast-facts/ng-update - 一个 GitHub Action，通过基于 ng update 的自动 PR 保持 Angular CLI 项目的最新状态。
  • migration-planificator - 通过精确的 AST 分析规划 Angular 迁移，计算工作量估算，并生成交互式 HTML 仪表盘。
  • npx-app-updater - 当新版本部署时，提醒用户有可用更新。
  • ngx-update-app - 用于通过 Service Worker 更新应用的 Angular 指令。
  • ng-ceiling - 根据声明的包兼容性估算允许的最高 Angular 版本，并列出升级阻塞项。
  • Official website - 交互式指南，帮助你从一个 Angular 版本迁移到另一个版本。
  • Official update reference - 使用 CLI 更新项目，或通过添加 --next 标志尝试新的 Angular 功能。
  • Official migrations reference - Angular schematics 通过支持转换为独立组件、新的控制流语法等来帮助更新项目。
  • Angular Caniuse - 跟踪 Angular 功能从预览到稳定阶段。
  • Depfixer - 针对 JS/TS 项目的智能依赖分析；检测兼容性冲突并提供逐步修复方案。
  • NgReady - 别再浪费数天时间在 Angular 升级上。

服务端渲染 ​

  • angular-prerender - 用于预渲染 Angular 应用的命令行工具。
  • 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 website - 框架内置新 SSR 包的文档。
  • analogjs - 全栈 Angular 元框架，支持 Angular 应用的服务器端渲染（SSR）和静态站点生成（SSG）。

练习 ​

  • angular-fundamental-lessons
  • modern-angular-exercises - 涵盖多个 Angular 主题的练习，包括解决方案和解决方案视频。
  • Angular Challenges - 一个包含 60 多个 Angular、Nx、RxJS、NgRx 和 TypeScript 挑战的仓库，旨在提升实际技能。
  • Codelabs - Google Developers Codelabs 提供引导式、动手实践的教程，用于构建应用或添加新功能。
  • rxjs-fruits - 涵盖 RxJS 中一系列操作符的交互式课程。
  • TutorialSearch - 免费跨平台搜索引擎，索引来自 Udemy、Skillshare、Pluralsight 等主要学习平台的 50,000 多个教程，涵盖 45 多个类别。
  • Angular HTTP Cancellation Lab - 免费交互式实验，比较请求取消与忽略过期响应。

社区 ​

功能开关 ​

运行时 ​

  • angular-compile - Angular 动态编译。将字符串转换为 Angular 组件。
  • runtime-config-loader - Angular 库，提供了一种轻松加载配置 JSON 文件以进行运行时配置的方法。
  • ng-noop - 一个极简、无 DOM 的 Angular 平台，适用于自定义运行时、CLI、服务器和实验性渲染器。
  • ng-eval - 用于 Angular 应用的表达式解析与求值。
  • deepequalspure - 适用于 Angular 项目的 JavaScript 对象深度相等服务。
  • ngx-api-mimic - 该库允许你使用 Angular 的 HTTP 拦截器模拟数据并模拟假 API。
  • worker-bridge - 通过简单的响应式方法将 Angular 和 React 桥接到 Web Workers，无需样板代码。
  • ngx-runtime-config - 该项目提供了一种在 Angular 初始化期间从远程端点加载运行时配置的方法。

跨框架集成 ​

  • @retejs/angular-plugin - Angular 插件，包含经典的节点、连接、套接字和控制组件预设，基于 Rete.js 构建。
  • gong - 全栈框架，后端使用 Go（Gin、Gorm、纯 SQLite），前端使用 Angular Material。
  • @oguimbal/ngx-react - 实现 React 和 Angular 组件的平滑集成，或两者之间的轻松迁移。
  • ngx-reactify - 使 Angular 和 React 应用能够轻松共存的库。
  • wolf-tui - 使用你的 Web 框架（React、Vue、Angular、Solid 或 Svelte）编写 CLI 应用。
  • aktion - 一个 Web 组件，将紧凑的、流式优先的 DSL 转换为其 shadow DOM 内丰富的交互式 UI。
  • detector - 零依赖、TypeScript 优先的库，用于快速、通用地检测平台、框架、浏览器和功能。
  • AnQst - 从共享 DSL 生成 Angular 服务和原生 Qt 小部件，通过 AnQst CLI 和宿主库让 Angular 应用编译为基于 QWidget 的 C++ 用户界面。
  • rozie.js - 跨框架编译器，将单个 Vue/Alpine 风格的组件文件转换为原生 Angular 代码，无需运行时开销或包装器样板。
  • Stencil - 为你的 Web 组件生成 Angular 组件包装器。

指令 ​

  • ng-let - 用于将数据作为局部变量共享到 HTML 组件模板中的结构型指令。
  • ngx-copypaste - 一个纯粹且出色的 Angular 复制粘贴指令。
  • ng-for-track-by-property - 具有严格类型检查的 Angular 全局 trackBy 属性指令。
  • ng-click-outside - 用于处理元素外部点击事件的 Angular 指令。
  • ngx-overflow-reveal - 一个在悬停时优雅显示截断文本的 Angular 指令。
  • ngx-cut - 具有响应式选项的 Angular 文本截断指令。
  • ngx-digits-only - 用于智能数字输入的 Angular 指令——数字过滤、格式化和验证，无需引入像 ngx-mask 这样的完整掩码库。
  • ngx-app-version - 用于将版本写入 DOM 的 Angular 指令。
  • ngx-copy-to-clipboard - 一个 Angular 指令，支持单击轻松将文本复制到剪贴板。它支持自定义成功/错误消息，并在复制操作时触发事件。
  • ngx-fixed-footer - 添加固定页脚且不重叠的 Angular 指令。
  • ngx-if-platform - 基于平台进行条件显示的指令。
  • ngx-repeat - 按次数重复 HTML 元素的 Angular 指令。
  • ngx-clamp - 支持多行或基于高度的文本截断并兼容旧版浏览器的 Angular 指令。
  • ngx-nullable - 该库提供了一种在 Angular 模板中将属性设为可空的方法。
  • ngx-speech-button - 一个为 Web Speech API 提供易用包装器的 Angular 指令，以最少配置实现语音输入功能。
  • ngx-memoize - 一个轻量级、零依赖的装饰器，用于记忆化 Angular 类方法，消除重复模板调用开销并提升性能。
  • ngx-highlight - 用于在文本中高亮搜索匹配项的 Angular 指令，基于 CSS 自定义高亮 API 构建。
  • ngx-liquid-glass - 受 Apple 启发的液态玻璃效果 Angular 指令，支持基于 DOM 的折射和可配置边缘。
  • ngx-mat-menu-hover - 该 Angular 指令提供悬停菜单行为处理功能，允许菜单在悬停时打开，鼠标离开时关闭。

调试 ​

  • ngx-dev-toolbar - 适用于 Angular 应用的强大开发工具栏，直接在浏览器中提升开发者生产力。
  • ngrx-devtool - 用于可视化和调试 NgRx 状态管理的开发工具。
  • angular-scan - 自动检测并高亮正在重新渲染的 Angular 组件。
  • angular-render-scan - 用于 Angular 变更检测的可视化调试覆盖层。
  • ngx-debug-console - 适用于 Angular 14+ 应用的浮动调试控制台覆盖层。
  • rxjs-leak-finder - 开发模式工具，用于查找 Angular 应用中泄漏的 RxJS 订阅。
  • form-lens-angular - 在开发期间直接在应用内检查表单结构、控件状态、验证错误和嵌套表单树。
  • allstak-angular - 捕获异常、日志、导航、HTTP 请求和渲染计时，支持独立和 NgModule 模式。
  • ng-perf-inspector - 适用于现代 Angular 应用的轻量级调试和性能监控工具包。
  • omelet-angular-debug-panel - Angular 调试仪表板，提供 SQL 活动、服务器计时和身份验证调试的可视化。
  • inspect-value - Web 组件值检查器——适用于 React、Vue、Angular、Svelte 或原生 JavaScript。
  • Bugfender - 用于实时收集日志和 Angular 错误的云服务。

查看器 ​

  • ngx-diff - 用于显示文本差异的 Angular 组件库。
  • ooxml - 一个客户端 TypeScript 库和 Angular 编辑器，可完全在浏览器中打开、编辑、验证和保存 Office 及有限的 Visio 文档。
  • ngx-json-treeview - 一个可折叠的 Angular JSON 树视图。
  • ngx-omniview - 一个 Angular 一体化内容查看器，仅使用单个组件即可无缝显示原始字符串输入，如纯文本、HTML、Markdown、LaTeX、MathJax、JSON 等。
  • ngx-voyage - 适用于 Angular 和 PrimeNG 的文件资源管理器。
  • ngx-gist - 一个 Angular Material 和 highlightjs 样式的显示框，用于 GitHub gist 和本地代码片段。
  • ngx-json-schema-viewer - Angular 中的 JSON Schema 查看器。
  • ngx-serial-console - 用于监控串行设备输出的 Angular 组件和服务。
  • ngx-json-explorer - 一个交互式、完全可定制的 Angular JSON 树组件，具有内联编辑、搜索和全面的基于选项的配置功能。
  • ngx-superlite-img-viewer - 一个超轻量级 Angular 库，旨在以快速直观的查看器显示图片画廊。
  • ngx-file-peek - 一个 Angular 独立组件库，可从任何 URL 或存储源将真实文件内容渲染为缩略图。
  • file-preview-viewer - 适用于 Web、React、Angular 和 Vue 的通用客户端文件预览库。
  • ngx-json-diff-viewer - Angular 组件，用于直观显示两个 JSON 对象之间的差异。

Module Federation Vite ​

无障碍 ​

  • astral-accessibility - 用 Angular 编写的开源无障碍小部件。
  • angular-vlibras - 一个 Angular 库，集成 VLibras 自动将内容翻译为巴西手语（Libras）。
  • rgaa-source - Axe-core 无障碍扫描器，将违规直接映射到源模板行。具备安全自动修复和法语 RGAA 4.1.2 审计网格。
  • a11y-libraries - 一系列适用于 Angular 的无障碍解决方案。
  • a11yguard - 提供零依赖的无障碍工具包，包含跨框架原语、惯用适配器，以及映射到 EAA / EN 301 549 的运行时审计。
  • ulam - 面向现代 Web 的无障碍工具。以原生优先，提供可选的 React、Remix、Vue 和 Angular 适配器。
  • aria-reach - 用于共享组件库的 ARIA 无障碍反模式分析器。
  • a11y-devtools - 仅开发环境的 Angular 无障碍开发者工具覆盖层/扫描器。
  • Official Angular ARIA - 一组实现常见 WAI-ARIA 模式的无头、无障碍指令。
  • digital.gov - 美国政府提供的团队无障碍指南。
  • WAI - W3C 无障碍倡议（WAI）制定标准和支持材料，帮助您理解和实现无障碍。
  • webaim - 关注 Web 无障碍。
  • WAVE - Web 无障碍评估工具。
  • axe Accessibility Linter - 针对 HTML、Angular、React、Markdown、Vue 和 React Native 的无障碍检查。
  • Angular Material CDK - a11y - a11y 包提供了多种改善无障碍的工具。
  • PrimeNG Accessibility Guide - PrimeNG 的无障碍指南。

管道 ​

  • ng-generic-pipe - 适用于 Angular 应用的通用管道。
  • ngx-transforms - 90+ 个独立、可摇树优化的管道，用于字符串、数字、日期、数组、对象等。
  • ng-dompurify - 使用 DOMPurify 的 Angular 净化器/管道，支持完整配置。
  • memoize-pipe - 用于在 Angular 模板中记忆化计算的通用管道。
  • ngx-smart-pipes - 一个轻量级、可摇树优化的独立 Angular 管道集合，专为实际使用场景设计。
  • ngx-dynamic-search - 专为复杂嵌套对象和数组的动态深度搜索过滤而设计的 Angular 管道。
  • ngx-name-capitalize - 用于名称大写化的 Angular 管道，可格式化复合姓氏、语言助词、连字符名称、撇号和 Unicode 字符。
  • @unirate/angular - 使用 UniRate API 的 Angular 16+ 汇率管道和服务。

模态框 ​

  • rnd-dialog - 基于 CDK dialog 的可调整大小和可拖拽对话框。
  • strictly-typed-mat-dialog - Angular Material 库，用于提高 mat 对话框的类型安全性。
  • prettier-modals - Angular 指令和可注入服务，用于实现 Prettier Modals——为原生 <dialog> 元素提供优美的开合动画，由 GSAP Flip 驱动。
  • ngx-modalieur - 使用 Angular CDK Dialog 实现的 Bootstrap 风格模态框。
  • ngx-call - 受 React Call 的 createCallable 启发，为 Angular 提供命令式、类型安全且基于 Promise 的对话框。
  • ngx-dialog - 适用于 Angular 16+ 的类型安全 Angular 对话框指令。
  • ng-modal-service - 一个简单的 Angular 模态服务。
  • ngx-side-page - 多功能的 Angular 库，用于实现平滑的侧滑面板，基于服务的动画，类似于侧页的 Material 对话框。
  • async-modal-ngx - 该库渲染 Angular 组件并支持灵活的数据流，但所有样式和模态宿主设计均由您自行负责。
  • ngx-dialog-forge - 基于原生 dialog 元素的声明式、signals 原生的 Angular 对话框库。
  • ngx-minimal-modal - 一个小型、无主见的库，提供在 Angular 应用中处理模态框（弹窗）的简单方式。

博客 ​

安全最佳实践 ​

  • supply-chain-inspector - 一个独立的、零依赖的 Node.js 脚本，用于对 npm 依赖项进行供应链安全分析。
  • Official Angular Security - 最佳实践。
  • Aikido - 在一个中央系统中保护您的代码、云和运行时。自动发现并修复漏洞。
  • GitHub Code Scanning - 了解 GitHub 代码扫描功能的核心概念。
  • GitHub Skills - 提供代码安全与分析的分步交互式教程。
  • HackTricks - Angular 安全清单。
  • SafeDep - 它持续扫描开源代码中的漏洞和恶意软件，帮助安全工程团队主动缓解继承的 OSS 风险。
  • Snyk - 一个直接集成到开发工具、工作流和自动化流水线中的开发者安全平台。
  • Socket - 一个开发者优先的安全平台，保护您的代码免受易受攻击和恶意依赖的影响。
  • Vulert - 通过检测开源依赖中的漏洞来保护软件——无需访问您的代码。支持 JS、PHP、Java、Python 等。

新闻通讯 ​

播客 ​

Bluesky ​

X 上的 Angular 团队 ​

书籍 ​

认证项目 ​

培训 ​

YouTube 频道 ​

付费模板 ​

  • Admin Mart
  • CozyDevKit - 面向 Angular 21 的交互式工具、架构模式、速查表和 DevOps 服务。
  • devkitly - 生产就绪的 Angular 21 启动套件，包含认证、计费、审计日志、功能开关和 SSR。
  • draftNG - 极简且高性能的 Angular 22+ 平台模板。
  • NgStarter - Angular UI 组件和管理模板。
  • Nzoni - 使用 Angular 在数天内启动你的 SaaS。
  • Theme Forest
  • Vortex - 一个基于 Angular 和 Java 构建的高性能 Web 应用模板，旨在提供无缝的用户体验和强大的后端解决方案。
  • Wrap Pixel

鄂公网安备：42011202001971号      鄂ICP备：2021009343号

Copyright © 2019 Lufuhu