<p align="center">
<a href="https://shapecss.com">
</a>

<img src="https://www.shapecss.com/images/svg/logo.svg" width="200px">

<h3 align="center">Shapecss</h3>

  <p align="center">
    Shapecss, modern stylish css framework
    <br>
    <a href="https://shapecss.com"><strong>Visit Shapecss &raquo;</strong></a>
  </p>

</p>

## Table of contents

- [Quick start](#quick-start)
- [CDN](#cdn)
- [Status](#status)
- [What's included](#whats-included)
- [Documentation](#documentation)
- [Community](#community)
- [Creators](#creators)
- [Copyright and license](#copyright-and-license)

## Quick start
### Download the latest release:
#### [Minified CSS](https://raw.githubusercontent.com/MicroDreamIT/shapecss-framework/master/public/css/shape.min.css)
#### [Javascript bundle](https://raw.githubusercontent.com/MicroDreamIT/shapecss-framework/master/public/js/shape.min.js)
#### Clone the repo: `git clone https://github.com/MicroDreamIT/shapecss-framework.git`

### Install with a package manager:
#### [NPM](https://www.npmjs.com/package/shapecss) `npm install shapecss`
#### [Bower](https://bower.io) `bower install shapecss`
#### [Composer](https://packagist.org/packages/microdreamit/shapecss) `composer require microdreamit/shapecss`

- Entry javascript, `resources/assets/js/shape.js`
- Entry scss, `resources/assets/sass/main.scss`

## CDN

**Use javascript file bottom of the body tag.**

```js

<!-- Latest compiled and minified CSS & JS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/shapecss@2.1.2/public/css/shape.min.css">
<script src="https://cdn.jsdelivr.net/npm/shapecss@2.1.2/public/js/shape.min.js" async></script>

<!-- Latest compiled and unminified CSS & JS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/shapecss@2.1.2/public/css/shape.css">
<script src="https://cdn.jsdelivr.net/npm/shapecss@2.1.2/public/js/shape.js" async></script>

```

## Status

[![npm version](https://img.shields.io/badge/npm-2.0.1-brightgreen.svg)](https://www.npmjs.com/package/shapecss)
[![Join the chat at https://gitter.im/shapecss/shapecss](https://badges.gitter.im/jgthms/bulma.svg)](https://gitter.im/shapecss/shapecss)
[![Look at packagist at https://packagist.org/packages/microdreamit/shapecss](https://img.shields.io/packagist/v/mnapoli/PHP-DI.svg)](https://packagist.org/packages/microdreamit/shapecss)

## What's included

You find minified and compiled files in public directory.

```
shapecss-framework/
    public/
      ├── css/
      │   ├── shape.css
      │   ├── shape.min.css
      └── js/
          ├── shape.js
          └── shape.min.js
```
If you download total repository, then import

```
shapecss-framework/
    resources/
    assets/
      ├── sass/
      │   ├── main.scss
      └── js/
          └── shape.js
```

## Documentation

Shapecss's documentation, included in this repo in the root directory, is built with [Laravel](https://laravel.com). The docs may also be run locally. <https://shapecss.com>

## Community

Get updates on Shapecss's development and chat with the project maintainers and community members.

- Follow [@microdreamit on Twitter](https://twitter.com/MicroDreamIT).
- Chat with the team and developers on [gitter.im](https://gitter.im/shapecss/shapecss)
- Read and subscribe to [The Official Shapecss Blog](https://blog.shapecss.com).

## Creators

**Shahanur Sharif**

- <https://twitter.com/shahanursharif>
- <https://www.facebook.com/babu.sharif.12>

**Emu**

- <https://www.facebook.com/unhappy.emu.9>


## Copyright and license

Code copyright 2017 Shahanur Sharif. Code released under [the MIT license](https://github.com/MicroDreamIT/shapecss-framework/blob/master/LICENSE).
