2025-06-aio-resources: "Miss the old angular.io/resources? We brought it back!" (#27)

* WIP

* WIP

* Update blog/2025-06-aio-resources/README.md

* header

* final

Author: JohannesHoppe

blog/2025-06-aio-resources/README.md

@@ -0,0 +1,239 @@
+---
+title: "Miss the old angular.io/resources? We brought it back!"
+author: Johannes Hoppe
+mail: [email protected]
+published: 2025-06-20
+keywords:
+  - Angular
+  - angular.io
+  - angular.dev
+  - aio
+  - marketing
+  - resources
+  - resources.json
+language: en
+header: header-aio-resources.png
+---
+
+**The old list of valuable resources from angular.io is gone. Here you can find a mirror.**
+
+<hr>
+
+# What happened to the Angular Resources?
+
+With the move from the old `angular.io` website to the new site at [angular.dev](https://angular.dev), not everything made the jump.
+One particular gem that's now missing: the official list of Angular resources.
+
+Remember this one?
+
+→ [The Angular Resources page on archive.org](https://web.archive.org/web/20240509213230/https://angular.io/resources)
+
+This page used to provide a fantastic overview of UI component libraries, data management tools, IDEs, and other helpful Angular tooling.
+But soon after the release of Angular 18, this curated list of Angular resources was completely gone.
+[This is the last version](https://github.com/angular/angular/blob/18.0.3/aio/content/marketing/resources.json), before the complete folder was erased.
+
+## What now? 🤷
+
+With the official angular.io resources page gone, navigating the ecosystem just got trickier. 
+New developers might wonder, "Which UI library should I use?" or "What are my options for state management?" 
+This gap leaves everyone searching for reliable recommendations without an official starting point.
+
+So we thought: 
+> _Let's preserve the last state of the angular.io/resources page, right here on our blog!_ 😎
+
+
+## Angular Resources Mirror
+
+For now, we've decided to bring back only the "UI Components" and "Data Libraries" sections.
+Those are the ones we've referenced most often in our own [Angular workshops](https://angular.schule/).
+But referring to an archive.org link isn't cool!
+
+Without further ado, here's the good old list for you!
+(We've restored the list and updated a few links for accuracy.)
+
+### Data Libraries
+
+* [**Akita** (deprecated, replaced by Elf)](https://github.com/salesforce/akita)  
+  Akita is a state management pattern, built on top of RxJS, which takes the idea of multiple data stores from Flux and the immutable updates from Redux, along with the concept of streaming data, to create the Observable Data Store model.
+
+* [**Angular Fire**](https://github.com/angular/angularfire)  
+  The official library for Firebase and Angular
+
+* [**Apollo**](https://www.apollographql.com/docs/angular/)  
+  Apollo is a data stack for modern apps, built with GraphQL.
+
+* [**ButterCMS**](https://buttercms.com/docs/api-client/angular)  
+  ButterCMS is a headless CMS that lets you manage content using our dashboard and integrate it into your Angular Application.
+
+* [**Elf**](https://ngneat.github.io/elf/)  
+  A Reactive Store with Magical Powers
+
+* [**Formly**](https://formly.dev)  
+  Formly is a dynamic (JSON powered) form library, built on top of Angular Reactive Forms.
+
+* [**Meteor**](https://github.com/urigo/angular-meteor)  
+  Use Angular and Meteor to build full-stack JavaScript apps for Mobile and Desktop.
+
+* [**ngrx**](https://ngrx.io/)  
+  Reactive Extensions for Angular
+
+* [**ngx-api-utils**](https://github.com/ngx-api-utils/ngx-api-utils)  
+  ngx-api-utils is a lean library of utilities and helpers to quickly integrate any HTTP API (REST, Ajax, and any other) with Angular.
+
+* [**NGXS**](https://www.ngxs.io/)  
+  NGXS is a state management pattern + library for Angular. NGXS is modeled after the CQRS pattern popularly implemented in libraries like Redux and NgRx but reduces boilerplate by using modern TypeScript features such as classes and decorators.
+
+* [**rx-angular**](https://rx-angular.io)  
+  RxAngular is a reactive library that provides extensions for developing high performant and scalable applications. It addresses the issues of local state management, rendering performance, and reactive architecture.
+
+* [**RxWeb**](https://www.rxweb.io)  
+  An Open-Source Architecture for Web Applications in Angular & .Net Core
+
+
+### UI Components
+
+* [**ag-Grid**](https://www.ag-grid.com/best-angular-2-data-grid/)  
+A datagrid for Angular with enterprise style features such as sorting, filtering, custom rendering, editing, grouping, aggregation and pivoting.
+
+* [**Alyle UI**](https://alyle-ui.firebaseapp.com/)  
+Minimal Design, a set of components for Angular.
+
+* [**Amexio - Angular Extensions**](https://amexio.tech/)  
+Amexio is a rich set of Angular components powered by HTML5 & CSS3 for Responsive Web Design and 80+ built-in Material Design Themes.<!-- Amexio has 3 Editions, Standard, Enterprise and Creative. Std Edition consists of basic UI Components which include Grid, Tabs, Form Inputs and so on. While Enterprise Edition consists of components like Calendar, Tree Tabs, Social Media Logins (Facebook, GitHub, Twitter and so on) and Creative Edition is focused building elegant and beautiful websites. With more than 200+ components/features. All the editions are open-sourced and free, based on Apache 2 License.-->
+
+* [**Angular & Material Design 2.0 for Bootstrap 5**](https://mdbootstrap.com/docs/b5/angular/)  
+Free components, templates & plugins for the latest Bootstrap 5 styled in accordance with Material Design 2.0 (guidelines introduced in 2020).
+
+* [**Angular & Material Design for Bootstrap 4**](https://mdbootstrap.com/docs/angular/)  
+Free components, templates & plugins for the latest Bootstrap 4 styled in accordance with Material Design (guidelines introduced in 2015).
+
+* [**Angular Gantt Chart Component**](https://github.com/worktile/ngx-gantt)  
+A modern and powerful gantt chart component for Angular.
+
+* [**Angular Material**](https://material.angular.dev/)  
+Material Design components for Angular.
+
+* [**Angular UI Toolkit**](https://www.angular-ui-tools.com)  
+Angular UI Toolkit: 115 professionally maintained UI components ranging from a robust grid to charts and more. Try for free & build Angular apps faster.
+
+* [**Angular-Slickgrid**](https://github.com/ghiscoding/Angular-Slickgrid)  
+Angular-SlickGrid is a wrapper of the lightning fast & customizable SlickGrid datagrid library with Bootstrap 3,4 themes.
+
+* [**Ant Design Mobile of Angular (ng-zorro-antd-mobile)**](http://ng.mobile.ant.design/#/docs/introduce/en)  
+A set of enterprise-class mobile UI components based on Ant Design Mobile and Angular.
+
+* [**Ant Design of Angular (ng-zorro-antd)**](https://ng.ant.design/docs/introduce/en)  
+A set of enterprise-class UI components based on Ant Design and Angular.
+
+<!-- * [**Awade Jigsaw (Chinese)**](https://jigsaw-zte.gitee.io)  
+Jigsaw provides a set of web components based on Angular. It is supporting the development of all applications of Big Data Product of ZTE (https://www.zte.com.cn). -->
+
+* [**Blox Material**](https://github.com/src-zone/material)  
+A lightweight Material Design library for Angular, based upon Google's Material Components for the Web.
+
+* [**Carbon Components Angular**](https://angular.carbondesignsystem.com/)  
+An Angular implementation of the Carbon Design System for IBM.
+
+* [**Clarity Design System**](https://vmware.github.io/clarity/)  
+UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences.
+
+* [**CoreUI for Angular**](https://coreui.io/angular)  
+Open Source UI Components library for creating modern, beautiful, and responsive applications in half the time with high-performing and easy-to-customize UI components.
+
+* [**DevExtreme**](https://js.devexpress.com/Angular/)  
+50+ UI components including data grid, pivot grid, scheduler, charts, editors, maps and other multi-purpose controls for creating highly responsive web applications for touch devices and traditional desktops.
+
+* [**Syncfusion Angular UI components** (formerly known as **Essential JS 2**)](https://www.syncfusion.com/angular-components)  
+The Syncfusion Angular UI components library is the only suite that you will ever need to build an application since it contains over 90 high-performance, lightweight, modular, and responsive UI components in a single package.
+<!-- Essential JS 2 for Angular is a collection modern TypeScript based true Angular Components. It has support for Ahead Of Time (AOT) compilation and Tree-Shaking. All the components are developed from the ground up to be lightweight, responsive, modular and touch friendly. -->
+
+* [**FancyGrid**](https://fancygrid.com/docs/getting-started/angular)  
+Angular grid library with charts integration and server communication for Enterprise.
+
+* [**Flowbite**](https://flowbite.com/docs/getting-started/angular/)  
+Open-source UI component library built with the utility-classes from Tailwind CSS and with official support for Angular.
+
+* [**Ignite UI for Angular**](https://www.infragistics.com/products/ignite-ui-angular)  
+Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps.
+
+* [**jQWidgets**](https://www.jqwidgets.com/angular/)  
+Angular UI Components including data grid, tree grid, pivot grid, scheduler, charts, editors and other multi-purpose components.
+
+* [**Kendo UI**](https://www.telerik.com/kendo-angular-ui)  
+A professional grade library of Angular UI components written in TypeScript that includes our Data Grid, TreeView, Charts, Editors, DropDowns, DatePickers, and many more. Features include support for AOT compilation, Tree Shaking for high-performance, localization, and accessibility.
+
+* [**Material Community Components**](https://github.com/tiaguinho/material-community-components)  
+Material components made by the community that includes Color Picker, Timer Picker, Speed Dial and Scrollspy.
+
+* [**material-dayjs-adapter**](https://www.npmjs.com/package/@tabuckner/material-dayjs-adapter)  
+A DayJS implementation of @angular/material's DateAdapter that results in smaller bundle sizes than its MomentJS counterpart.
+
+* [**Mosaic - Angular UI Components**](https://github.com/positive-js/mosaic)  
+Positive Technologies UI components based on Angular.
+
+* [**Nebular**](https://akveo.github.io/nebular/)  
+Theme System, UI Components, Auth and Security for your next Angular application.
+
+* [**ng-bootstrap**](https://ng-bootstrap.github.io/)  
+The Angular version of the Angular UI Bootstrap library. This library is being built from scratch in Typescript using the Bootstrap 4 CSS framework.
+
+* [**ng-lightning**](https://ng-lightning.github.io/ng-lightning/)  
+Native Angular components & directives for Lightning Design System.
+
+* [**NGX Cookie Service**](https://github.com/stevermeister/ngx-cookie-service)  
+NGX Cookie Service is an Angular Library that can be used to read, set and delete browser cookies.
+
+* [**NGX Skeleton Loader**](https://www.npmjs.com/package/ngx-skeleton-loader)  
+NGX Skeleton Loader is a lightweight and A11Y friendly solution for blazing fast loading skeletons that automatically adapt to your Angular apps.
+
+* [**ngx-bootstrap**](https://valor-software.com/ngx-bootstrap/)  
+Native Angular directives for Bootstrap.
+
+* [**ngx-smart-modal**](https://maximelafarie.com/ngx-smart-modal/#/)  
+Angular smart, light and fast modal handler to manage modals and data everywhere.
+
+* [**NGX-YOUI**](https://ngx-youi.github.io/NGX-YOUI/)  
+NGX-YOUI is an Angular UI Library that can be highly customized with content and styles. You can easily integrate with other CSS frameworks and UI Library, such as Tailwind, Bootstrap, PrimeNG, Angular Material etc.
+
+* [**Onsen UI**](https://onsen.io/)  
+UI components for hybrid mobile apps with bindings for both Angular & AngularJS.
+
+* [**PO UI**](https://po-ui.io)  
+PO UI, Brazilian UI Components, focused on ease and productivity to Angular applications.
+
+* [**Prime Faces**](https://www.primefaces.org/primeng/)  
+PrimeNG is a collection of rich UI components for Angular.
+
+<!-- * [**Sencha for Angular**](https://www.sencha.com/products/extangular/)  
+Build modern web apps faster with 115+ pre-built UI components. Try for free and download today. -->
+
+* [**Simple Quality UI**](https://sq-ui.github.io/ng-sq-ui/#/)  
+Simple Quality UI (SQ-UI) is a flexible and easily customizable UI-kit, aiming to provide maximum efficiency with as little overhead as possible. Driven by the idea that it should be strictly "for developers by developers", every new feature release includes functionalities demanded by the developers who are using it.
+
+* [**Smart Web Components**](https://www.htmlelements.com/angular/)  
+Web Components for Angular. Dependency-free Angular components for building modern and mobile-friendly web apps.
+
+* [**Taiga UI**](https://taiga-ui.dev)  
+Taiga UI is fully-treeshakable Angular UI Kit consisting of multiple base libraries and several add-ons. We have 130+ components, 100+ directives, dozens of tokens, utils and tools. They are easily customizable and well engineered.
+
+* [**Truly UI**](https://truly-ui.com/)  
+TrulyUI is an Angular UI Framework especially developed for Desktop Applications based on Web Components using the greatest technologies of the world.
+
+* [**Vaadin**](https://vaadin.com/elements)  
+Material design inspired UI components for building great web apps. For mobile and desktop.
+
+* [**Wijmo**](https://www.grapecity.com/wijmo)  
+High-performance UI controls with the most complete Angular support available. Wijmo’s controls are all written in TypeScript and have zero dependencies. FlexGrid control includes full declarative markup, including cell templates.
+
+
+
+## Want to add your resource?
+
+If you're maintaining an Angular library and think it belongs here, just send a [PR](https://github.com/angular-schule/website-articles/blob/main/blog/2025-06-2025-06-aio-resources/README.md).
+We're happy to grow this list again, together with the community.
+
+Also, if you're missing another section, just ping us.
+
+<hr>
+
+<small>Many thanks to Ferdinand Malcher for the review.</small>