# UI Components

## Streamline your view layer

To streamline your view layer **@frrri/ngxs-crud/ui** provides **\*\*three components to show \_\_**all entities **of a collection, a** single entity **of a collection, or the** active entity\*\* of the collection.

* \*\*\*\*[**All entities**: LyxsManyComponent \<lyxs-many>](https://bitflut.gitbook.io/frrri/ngxs-crud/usage/broken-reference)
* \*\*\*\*[**Single entity**: LyxsOneComponent \<lyxs-one>](https://bitflut.gitbook.io/frrri/ngxs-crud/usage/broken-reference)
* \*\*\*\*[**Active entity**: LyxsActiveComponent \<lyxs-active>](https://bitflut.gitbook.io/frrri/ngxs-crud/usage/broken-reference)

You can see them in action in the `posts-index.component.html` and `posts-show.component.html` templates (found [here](https://github.com/bitflut/lyxs/blob/master/apps/ng-integration/src/app/posts)).