PHPackages microdreamit/shapecss - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. microdreamit/shapecss ActiveLibrary[Framework](/categories/framework) microdreamit/shapecss ===================== Shapecss, modern stylish css framework 2.1.3(9y ago)14134[2 issues](https://github.com/MicroDreamIT/shapecss-framework/issues)[23 PRs](https://github.com/MicroDreamIT/shapecss-framework/pulls)MITCSS Since May 10Pushed 3y ago3 watchersCompare [ Source](https://github.com/MicroDreamIT/shapecss-framework)[ Packagist](https://packagist.org/packages/microdreamit/shapecss)[ Docs](https://shapecss.com)[ RSS](/packages/microdreamit-shapecss/feed)WikiDiscussions master Synced 2w ago READMEChangelogDependenciesVersions (21)Used By (0) [](https://shapecss.com)[![](https://camo.githubusercontent.com/f0b659a80cd0db20eb49192669272896e08e3279502cc7a26f2cfb38113c4b66/68747470733a2f2f73686170656373732e6d6963726f647265616d69742e636f6d2f696d616765732f7376672f6c6f676f2e737667)](https://camo.githubusercontent.com/f0b659a80cd0db20eb49192669272896e08e3279502cc7a26f2cfb38113c4b66/68747470733a2f2f73686170656373732e6d6963726f647265616d69742e636f6d2f696d616765732f7376672f6c6f676f2e737667) ### Shapecss [](#shapecss) Shapecss, modern stylish css framework [**Visit Shapecss »**](https://shapecss.microdreamit.com) Table of contents ----------------- [](#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 ----------- [](#quick-start) ### Download the latest release: [](#download-the-latest-release) #### [Minified CSS](https://raw.githubusercontent.com/MicroDreamIT/shapecss-framework/master/public/css/shape.min.css) [](#minified-css) #### [Javascript bundle](https://raw.githubusercontent.com/MicroDreamIT/shapecss-framework/master/public/js/shape.min.js) [](#javascript-bundle) #### Clone the repo: `git clone https://github.com/MicroDreamIT/shapecss-framework.git` [](#clone-the-repo-git-clone-httpsgithubcommicrodreamitshapecss-frameworkgit) ### Install with a package manager: [](#install-with-a-package-manager) #### [NPM](https://www.npmjs.com/package/shapecss) `npm install shapecss` [](#npm-npm-install-shapecss) #### [Bower](https://bower.io) `bower install shapecss` [](#bower-bower-install-shapecss) #### [Composer](https://packagist.org/packages/microdreamit/shapecss) `composer require microdreamit/shapecss` [](#composer-composer-require-microdreamitshapecss) - Entry javascript, `resources/assets/js/shape.js` - Entry scss, `resources/assets/sass/main.scss` CDN --- [](#cdn) **Use javascript file bottom of the body tag.** ``` ``` Status ------ [](#status) [![npm version](https://camo.githubusercontent.com/40382c87e5d34005664499a8c360334b126bdb34583d3c1783ed81110d302e19/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6e706d2d322e302e312d627269676874677265656e2e737667)](https://www.npmjs.com/package/shapecss)[![Join the chat at https://gitter.im/shapecss/shapecss](https://camo.githubusercontent.com/f9ea7f64fc65ec7dd406134d78efc20cac7f1424c994371deb2d6e152b648770/68747470733a2f2f6261646765732e6769747465722e696d2f6a6774686d732f62756c6d612e737667)](https://gitter.im/shapecss/shapecss)[![Look at packagist at https://packagist.org/packages/microdreamit/shapecss](https://camo.githubusercontent.com/59948154a45617efbfa683cdfa33c87a3532c273182bd067e4aec75237e1f65c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d6e61706f6c692f5048502d44492e737667)](https://packagist.org/packages/microdreamit/shapecss) What's included --------------- [](#whats-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 ------------- [](#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 --------- [](#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 -------- [](#creators) **Shahanur Sharif** - - **Emu** - Copyright and license --------------------- [](#copyright-and-license) Code copyright 2017 Shahanur Sharif. Code released under [the MIT license](https://github.com/MicroDreamIT/shapecss-framework/blob/master/LICENSE). ### Health Score 32 — LowBetter than 69% of packages Maintenance17 Infrequent updates — may be unmaintained Popularity15 Limited adoption so far Community13 Small or concentrated contributor base Maturity72 Established project with proven stability Bus Factor1 Top contributor holds 98.4% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~1 days Total 8 Last Release 3329d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/26e690a4e36d110659eca58552fc058b9bf9c259e921fddf17a788d4a7c16d41?d=identicon)[microdreamit](/maintainers/microdreamit) --- Top Contributors [![ShahanurSharif](https://avatars.githubusercontent.com/u/8063392?v=4)](https://github.com/ShahanurSharif "ShahanurSharif (120 commits)")[![cristijora](https://avatars.githubusercontent.com/u/15955045?v=4)](https://github.com/cristijora "cristijora (2 commits)") --- Tags css-frameworkflexbox-cssresponsive-cssresponsive-frameworkresponsive-gridshape-circleshape-parallelogramshape-squareshape-triangleframeworkwebcssJSsassresponsivefront-endmobile-firstweb frameworkweb frontend framework ### Embed Badge ![Health badge](/badges/microdreamit-shapecss/health.svg) ``` [![Health](https://phpackages.com/badges/microdreamit-shapecss/health.svg)](https://phpackages.com/packages/microdreamit-shapecss) ``` ### Alternatives [twbs/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.4k18.5M379](/packages/twbs-bootstrap)[twitter/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.4k1.8M28](/packages/twitter-bootstrap)[zurb/foundation The most advanced responsive front-end framework in the world. 29.8k395.7k17](/packages/zurb-foundation)[coreui/coreui The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintain by the CoreUI Team 879121.2k4](/packages/coreui-coreui)[foundation/foundation-sites The most advanced responsive front-end framework in the world. 29.8k9.0k](/packages/foundation-foundation-sites)[components/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 922.8M63](/packages/components-bootstrap) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)