All Projects → MicroDreamIT → shapecss-framework

MicroDreamIT / shapecss-framework

Licence: MIT license
A modern stylish css framework

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to shapecss-framework

Front End Frameworks
A collection of best front-end frameworks for faster and easier web development.
Stars: ✭ 2,786 (+19800%)
Mutual labels:  css-framework, responsive-grid, responsive-css
pine
Responsive CSS Framework ( PineCSS )
Stars: ✭ 41 (+192.86%)
Mutual labels:  css-framework, responsive-grid
Spectre
Spectre.css - A Lightweight, Responsive and Modern CSS Framework
Stars: ✭ 10,938 (+78028.57%)
Mutual labels:  css-framework, responsive-grid
Flexor
Blazor flexbox components
Stars: ✭ 23 (+64.29%)
Mutual labels:  flexbox-css
cra-tailwindcss-in-js
Integrate Tailwind CSS in a Create React App setup using css-in-js solutions
Stars: ✭ 35 (+150%)
Mutual labels:  css-framework
beercss
Build material design interfaces in record time... without stress for devs... 🍺💛
Stars: ✭ 223 (+1492.86%)
Mutual labels:  css-framework
svelteit
Svelteit is a minimalistic UI/UX component library for Svelte and Sapper projects
Stars: ✭ 64 (+357.14%)
Mutual labels:  css-framework
amp-surface
⚡ AMP Surface CSS Framework
Stars: ✭ 26 (+85.71%)
Mutual labels:  css-framework
postcss-sort-media-queries
PostCSS plugin for combine and sort CSS media queries with mobile first or desktop first methods.
Stars: ✭ 118 (+742.86%)
Mutual labels:  responsive-css
siimple
The minimal and themeable CSS toolkit for flat and clean designs
Stars: ✭ 525 (+3650%)
Mutual labels:  css-framework
hucssley
Hucssley - a full-featured, consistent, atomic utility class library for rapidly building performant UI
Stars: ✭ 79 (+464.29%)
Mutual labels:  css-framework
steller-css
⛰️ A utility-first CSS framework that serves as the foundation of your design system
Stars: ✭ 14 (+0%)
Mutual labels:  css-framework
Punica-CSS-Framework
Punica CSS is a clean, lightweight, responsive, modern and fully customizable (even class names) pure CSS Framework based on SASS / SCSS with multi-theme support.
Stars: ✭ 35 (+150%)
Mutual labels:  css-framework
bootstrap-grid-ms
Missing grid range in Bootstrap 3, micro-small from 480-767px.
Stars: ✭ 34 (+142.86%)
Mutual labels:  responsive-grid
react-cli
基于 create-react-app 搭建的前端脚手架
Stars: ✭ 18 (+28.57%)
Mutual labels:  flexbox-css
basis
A lightweight responsive Stylus/CSS framework based on flexible box.
Stars: ✭ 27 (+92.86%)
Mutual labels:  css-framework
materialize-rtl
RTL version of materializecss framework v1.0.0
Stars: ✭ 80 (+471.43%)
Mutual labels:  css-framework
uniformcss
A fully configurable utility class generator and CSS framework built for Sass projects.
Stars: ✭ 133 (+850%)
Mutual labels:  css-framework
neptune-web
Wise Web Design System
Stars: ✭ 55 (+292.86%)
Mutual labels:  css-framework
responsive-css-grid
A super-lightweight, responsive, 8-column grid based on box-sizing
Stars: ✭ 46 (+228.57%)
Mutual labels:  responsive-grid

Shapecss

Shapecss, modern stylish css framework
Visit Shapecss »

Table of contents

Quick start

Download the latest release:

Minified CSS

Javascript bundle

Clone the repo: git clone https://github.com/MicroDreamIT/shapecss-framework.git

Install with a package manager:

NPM npm install shapecss

Bower bower install shapecss

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

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

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

Status

npm version Join the chat at https://gitter.im/shapecss/shapecss Look at packagist at 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. The docs may also be run locally. https://shapecss.microdreamit.com

Community

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

Creators

Shahanur Sharif

Emu

Copyright and license

Code copyright 2017 Shahanur Sharif. Code released under the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].