ngxsmk/ngxsmk-ui-kit

NGXSMK is an open source library of ready made building blocks for Angular websites and apps. It provides over 170 components, such as buttons, forms, data tables, charts, and chat interfaces, that developers can drop into an Angular project instead of building those pieces from scratch. What sets it apart from older Angular component libraries is that it was built using Angular's newer signals system and works without the zone.js library that many Angular apps traditionally depend on for detecting changes. Every component reads its colors and spacing from CSS variables, which means you can switch themes, including light mode, dark mode, and following the system setting, instantly without any flicker. The library includes eight chart types built in, so there is no need for a separate charting library, along with components aimed at building AI chat interfaces, such as chat windows and streaming text displays. It also offers larger, enterprise style widgets like a kanban board, a scheduling calendar, a Gantt style timeline, a spreadsheet, and an organization chart. Each component is published as its own importable piece, so a project only includes the code for the components it actually uses, keeping the final app small. The library targets accessibility guidelines and aims for common patterns like proper focus handling and screen reader support. To get started, a developer installs the core and theme packages with npm, or uses an automated setup command, then imports individual components as needed. The project supports a wide range of Angular versions, from 17.3 up to 22, and its packages are tested against each of those versions in continuous integration. A live demo site lets anyone try the components and includes a visual tool for building a custom theme that can be exported in several formats. The whole library is released under the MIT license, free for personal or commercial use.