![Logo image](https://raw.githubusercontent.com/CharmUI/charm/master/logo.jpg)

<p align="center">
  Charming UI Framework
</p>

#  

### Getting started

Start with downloading Charm UI from **npm**:  

`npm install charm-ui`

Read more on [Getting started page](https://charmui.github.io/charm-docs/) for information on the framework contents and more.

### What's included

Within the download you'll find the following directories and files:

```text
charm-ui/
└── dist/
    ├── charm.classed.css
    ├── charm.tagged.css
    └── esm/ (commonjs/)
        └── layout/
            └── index.js

```

Charm CSS library consist of two versions - for usage with tags, and classes.
With any of this versions you will also get minimal CSS resets, Utility classes and some Layout components for better presentation. Most of times you can just drop tagged version of Charm and write plain html or MDX.