An open API service indexing awesome lists of open source software.

https://github.com/microdreamit/shapecss-framework

A modern stylish css framework
https://github.com/microdreamit/shapecss-framework

css-framework flexbox-css responsive-css responsive-framework responsive-grid shape-circle shape-parallelogram shape-square shape-triangle

Last synced: about 1 month ago
JSON representation

A modern stylish css framework

Awesome Lists containing this project

README

        



Shapecss


Shapecss, modern stylish css framework


Visit Shapecss »

## 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

```

## 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.

## 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**

-
-

**Emu**

-

## Copyright and license

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