# Introduction

&#x20;![](https://4090588443-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9CoGJCq3UCfKJ7RCUg%2F-LVo4znEmpKjCId1xP97%2F-LVo507puHkgY5CqhGfX%2Flogo.png?generation=1547062229266938\&alt=media)\
&#x20;NGXS is a state management pattern + library for Angular\
\
&#x20;[![](https://now-examples-slackin-eqzjxuxoem.now.sh/badge.svg)](https://now-examples-slackin-eqzjxuxoem.now.sh/) [![](https://badge.fury.io/js/%40ngxs%2Fstore.svg)](https://badge.fury.io/js/%40ngxs%2Fstore) [![](https://api.codeclimate.com/v1/badges/5b43106a1ddff7d76a04/maintainability)](https://codeclimate.com/github/ngxs/store/maintainability) [![](https://api.codeclimate.com/v1/badges/5b43106a1ddff7d76a04/test_coverage)](https://codeclimate.com/github/ngxs/store/test_coverage) [![](https://circleci.com/gh/ngxs/store/tree/master.svg?style=svg)](https://circleci.com/gh/ngxs/store)

## ❓ What is NGXS?

NGXS is a state management pattern + library for Angular. It acts as a single source of truth for your application's state, providing simple rules for predictable state mutations.

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.

## 👋 New to NGXS?

If you're just getting started with NGXS, I recommend you head over to the [concepts](https://www.ngxs.io/v3.2/concepts/intro) and then explore the rich ecosystem of examples in the [community resources](https://www.ngxs.io/v3.2/community/projects) page.

## ❤️ Giving Back

Become a [Contributor](https://www.ngxs.io/v3.2/community/contributors) or a [Sponsor](https://www.ngxs.io/v3.2/community/sponsors).
