git404hub

what is ngxsmk-ui-kit fr?

ngxsmk/ngxsmk-ui-kit — explained in plain English

Analysis updated 2026-05-18

6TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

tl;dr

An open-source Angular UI library with 170+ signal-based components, built-in charts, and runtime theming, no zone.js required.

vibe map

mindmap
  root((NGXSMK))
    What it does
      170+ Angular components
      Design token theming
    Tech stack
      TypeScript
      Angular
      Signals
    Use cases
      Dashboards and forms
      Built in charts
      AI chat UI
    Audience
      Angular developers
    Setup
      npm install core and theme
      ng add schematic

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Build an Angular app's forms, tables, and dashboards without writing components from scratch.

VIBE 2

Add charts to an Angular app without a separate charting library.

VIBE 3

Build AI chat or agent interfaces in Angular with ready-made chat components.

VIBE 4

Theme an Angular app at runtime with light, dark, and custom color palettes.

what's the stack?

TypeScriptAngularCSS

how it stacks up fr

ngxsmk/ngxsmk-ui-kitatomicstrata/atomicmemoryazerdsq131/mcpm
Stars666
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderateeasy
Complexity2/54/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Requires Angular 17.3 or newer and Node 20 or newer.

in plain english

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.

prompts (copy fr)

prompt 1
Help me install @ngxsmk/core and @ngxsmk/theme in my Angular project.
prompt 2
Show me how to build a dashboard using NGXSMK's chart and enterprise widget components.
prompt 3
Explain how NGXSMK's design token theming and dark mode switching works.
prompt 4
Walk me through using NGXSMK's visual theme editor to export a custom brand theme.

Frequently asked questions

what is ngxsmk-ui-kit fr?

An open-source Angular UI library with 170+ signal-based components, built-in charts, and runtime theming, no zone.js required.

What language is ngxsmk-ui-kit written in?

Mainly TypeScript. The stack also includes TypeScript, Angular, CSS.

How hard is ngxsmk-ui-kit to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is ngxsmk-ui-kit for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.