PHPackages concisecss/concise.css - 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. concisecss/concise.css ActiveLibrary[Framework](/categories/framework) concisecss/concise.css ====================== A lightweight front-end framework that provides functionality without the bloat. v4.1.2(9y ago)9363271[1 issues](https://github.com/ConciseCSS/concise.css/issues)[7 PRs](https://github.com/ConciseCSS/concise.css/pulls)MITJavaScript Since Jul 22Pushed 3y ago30 watchersCompare [ Source](https://github.com/ConciseCSS/concise.css)[ Packagist](https://packagist.org/packages/concisecss/concise.css)[ Docs](http://concisecss.com)[ RSS](/packages/concisecss-concisecss/feed)WikiDiscussions dev Synced 1mo ago READMEChangelog (10)DependenciesVersions (15)Used By (0) [![Concise.css logo](https://camo.githubusercontent.com/d80ec2121b4a8781992ca4450c5eb62e68028ab95ff8609242b8abd37fd107b3/68747470733a2f2f6b65656e616e7061796e652e636f6d2f696d616765732f776f726b2f636f6e636973652d6c6f676f2e737667)](https://camo.githubusercontent.com/d80ec2121b4a8781992ca4450c5eb62e68028ab95ff8609242b8abd37fd107b3/68747470733a2f2f6b65656e616e7061796e652e636f6d2f696d616765732f776f726b2f636f6e636973652d6c6f676f2e737667) > ⚠️ **Notice:** This project is not actively maintained. Reach out to [@keenanpayne](https://twitter.com/KeenanPayne_) or [@jaiheravi](https://twitter.com/jaiheravi) if you would like to chat about it ✌🏻 Installing the CLI Locally -------------------------- [](#installing-the-cli-locally) To install the Concise CLI in a project just run the following command: ``` npm install -D ConciseCSS/concise.css#dev ``` Using Packages and Writing Styles --------------------------------- [](#using-packages-and-writing-styles) The Concise CLI can be used independently of any styles. In principle, it would will with any other CSS library, framework or any existing project so long as the code is plain CSS or contains only the features that can be compiled with PostCSS. Of course, one can start writing everything from scratch using Concise as well. The core library contains the very basic styles that one might use, and contains most of the code that was available on Concise v4. This can be installed by running: ``` npm install -D ConciseCSS/core#master ``` You can then include Concise in your project by importing it into your stylesheet: ``` @import '@concisecss/core'; ``` The previous line will include all the styles that Concise provides. However, it is also possible to include only the specific files that you would like: ``` @import '@concisecss/core/settings.pcss'; @import '@concisecss/core/base.pcss'; ``` Concise will automatically import the files from your `/node_modules` directory. Once the packages are released and published on NPM they will be able to be installed by their name too: `concise.css` for the CLI and `@concisecss/` for the other packages, including `core`. Compiling --------- [](#compiling) Run the Concise CLI on the main file from the `package.json` scripts: ``` concise compile main.pcss main.css ``` To execute the CLI manually after installing locally (without the `package.json` scripts): ``` npx concise compile main.pcss main.css ``` The flag `-w` will also watch the files for changes. Changelog --------- [](#changelog) You can keep up-to-date with the changes that we have made via our [releases page](https://github.com/ConciseCSS/concise.css/releases). Elsewhere --------- [](#elsewhere) [![Like Concise on Facebook](https://camo.githubusercontent.com/1946955e228d55f963808985547a82c1a22ef406914081baccab95d9302de696/68747470733a2f2f692e696d6775722e636f6d2f3464793555554b2e706e67)](https://facebook.com/ConciseCSS)[![Follow Concise on Twitter](https://camo.githubusercontent.com/6cde531a035d599b8139fc97ecd01d59dd37047c0d7e86e48195f40b1ff49e58/68747470733a2f2f692e696d6775722e636f6d2f34416b4b734d782e706e67)](https://twitter.com/ConciseCSS) License ------- [](#license) Code released under the [MIT license](https://github.com/ConciseCSS/concise.css/blob/master/LICENSE). Documentation released under [Creative Commons](https://creativecommons.org/licenses/by-sa/4.0/). ### Health Score 40 — FairBetter than 88% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity32 Limited adoption so far Community28 Small or concentrated contributor base Maturity71 Established project with proven stability Bus Factor1 Top contributor holds 66.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 ~68 days Recently: every ~11 days Total 14 Last Release 3426d ago Major Versions v1.1.1 → v2.0.02014-11-05 v2.1.0 → v3.1.12015-11-03 v3.x-dev → v4.0.02016-11-14 ### Community Maintainers ![](https://www.gravatar.com/avatar/f7d9b4dbf082ec644a62fd2f4717c2aac588d18cc3011800c4e4cdbfc6541a98?d=identicon)[keenanpayne](/maintainers/keenanpayne) --- Top Contributors [![keenanpayne](https://avatars.githubusercontent.com/u/1534650?v=4)](https://github.com/keenanpayne "keenanpayne (85 commits)")[![objectiveprover](https://avatars.githubusercontent.com/u/60310795?v=4)](https://github.com/objectiveprover "objectiveprover (23 commits)")[![filipelinhares](https://avatars.githubusercontent.com/u/2338778?v=4)](https://github.com/filipelinhares "filipelinhares (7 commits)")[![Hackzzila](https://avatars.githubusercontent.com/u/11618364?v=4)](https://github.com/Hackzzila "Hackzzila (5 commits)")[![mozmorris](https://avatars.githubusercontent.com/u/156303?v=4)](https://github.com/mozmorris "mozmorris (1 commits)")[![pspeter3](https://avatars.githubusercontent.com/u/607701?v=4)](https://github.com/pspeter3 "pspeter3 (1 commits)")[![raneio](https://avatars.githubusercontent.com/u/15034735?v=4)](https://github.com/raneio "raneio (1 commits)")[![craigmichaelmartin](https://avatars.githubusercontent.com/u/6545515?v=4)](https://github.com/craigmichaelmartin "craigmichaelmartin (1 commits)")[![smbdelse](https://avatars.githubusercontent.com/u/15106562?v=4)](https://github.com/smbdelse "smbdelse (1 commits)")[![dziajl](https://avatars.githubusercontent.com/u/26403773?v=4)](https://github.com/dziajl "dziajl (1 commits)")[![jameskerr](https://avatars.githubusercontent.com/u/3460638?v=4)](https://github.com/jameskerr "jameskerr (1 commits)")[![kevinsalter](https://avatars.githubusercontent.com/u/1326627?v=4)](https://github.com/kevinsalter "kevinsalter (1 commits)") --- Tags cssdesignframeworkminimalistpostcsssassframeworkwebcsssassscssresponsivefront-endmobile-first ### Embed Badge ![Health badge](/badges/concisecss-concisecss/health.svg) ``` [![Health](https://phpackages.com/badges/concisecss-concisecss/health.svg)](https://phpackages.com/packages/concisecss-concisecss) ``` ### Alternatives [twbs/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.1k17.6M327](/packages/twbs-bootstrap)[twitter/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.1k1.7M27](/packages/twitter-bootstrap)[zurb/foundation The most advanced responsive front-end framework in the world. 29.8k380.2k15](/packages/zurb-foundation)[foundation/foundation-sites The most advanced responsive front-end framework in the world. 29.8k8.4k](/packages/foundation-foundation-sites)[coreui/coreui The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintain by the CoreUI Team 873111.6k4](/packages/coreui-coreui)[components/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 932.8M63](/packages/components-bootstrap) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)