PHPackages yahoo/purecss - 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. yahoo/purecss ActiveLibrary[Framework](/categories/framework) yahoo/purecss ============= Pure is a ridiculously tiny CSS library you can use to start any web project. v3.0.0(3y ago)23.7k7672.4k[9 issues](https://github.com/yahoo/pure/issues)[19 PRs](https://github.com/yahoo/pure/pulls)BSD-3-ClauseJavaScriptCI passing Since Jun 5Pushed 4mo ago706 watchersCompare [ Source](https://github.com/yahoo/pure)[ Packagist](https://packagist.org/packages/yahoo/purecss)[ Docs](http://purecss.io/)[ RSS](/packages/yahoo-purecss/feed)WikiDiscussions main Synced 2w ago READMEChangelog (10)DependenciesVersions (34)Used By (0) Pure ==== [](#pure) [![Pure](https://cloud.githubusercontent.com/assets/449779/5291099/1b554cca-7b03-11e4-9157-53a12d91b34a.png)](http://purecss.io/) A set of small, responsive CSS modules that you can use in every web project. [https://purecss.io/](http://purecss.io/) [![Build Status](https://github.com/pure-css/pure/actions/workflows/test.yml/badge.svg)](https://github.com/pure-css/pure/actions/workflows/test.yml/badge.svg) Features -------- [](#features) Pure is a starting point for every website or web app. We take care of all the CSS work that every site needs without making it look cookie-cutter: - A responsive grid that can be customized to your needs. - A solid base built on [Normalize.css](http://necolas.github.io/normalize.css/) to fix cross-browser compatibility issues. - Consistently styled buttons that work with `` and `` elements. - Styles for vertical and horizontal menus, including support for dropdown menus. - Useful form alignments that look great on all screen sizes. - Various common table styles. - An extremely minimalist look that is super-easy to customize. - Responsive by default, with a non-responsive option. - Extremely small file size: **3.7KB minified + gzip**. Get Started ----------- [](#get-started) Check out the [Get Started](https://purecss.io/start/) page for more information. Build From Source ----------------- [](#build-from-source) Optionally, you can build Pure from its source on Github. To do this, you'll need to have Node.js and npm installed. We use [Grunt](http://gruntjs.com/) to build Pure. ``` git clone git@github.com:pure-css/pure.git cd pure npm install grunt ``` ### Build Files [](#build-files) Now, all Pure CSS files should be built into the `pure/build/` directory. All files that are in this build directory are also available on the CDN. The naming conventions of the files in the `build/` directory follow these rules: - `[module]-core.css`: The minimal set of styles, usually structural, that provide the base on which the rest of the module's styles build. - `[module]-nr.css`: Rollup of `[module]-core.css` + `[module].css` + `[module]-[feature].css` from the `src/[module]/` dir. This is the non-responsive version of a module. - `[module].css`: Rollup of `[module]-nr.css` + `[module]-r.css` from the `build/` dir. This is the responsive version of a module. - `*-min.css`: A minified file version of the files of the same name. - `pure.css`: A rollup of all `[module].css` files in the `build/` dir. This is a responsive roll-up of everything, non-minified. Note: does not contain responsive grids with @media queries. - `pure-min.css`: Minified version of `pure.css` that should be used in production. - `pure-nr.css`: A Rollup of all modules without @media queries. This is a non-responsive roll-up of everything, non-minified. - `pure-nr-min.css`: Minified version of `pure-nr.css` that should be used in production. - `grids-responsive.css`: Unminified version of Pure's grid stylesheet which includes @media queries. - `grids-responsive-min.css`: Minified version of `grids-responsive.css` that should be used in production. Browser Support and Testing --------------------------- [](#browser-support-and-testing) Pure is tested and works in: - Latest Stable: Firefox, Chrome, Safari Docs and Website ---------------- [](#docs-and-website) [Pure's website](http://purecss.io/) is located in the [`site`](https://github.com/pure-css/pure/tree/main/site) directory. Please feel free to open issues or questions in the Issue tab. Contributing ------------ [](#contributing) See the [CONTRIBUTING file](https://github.com/pure-css/pure/blob/main/CONTRIBUTING.md) for information on how to contribute to Pure. License ------- [](#license) This software is free to use under the Yahoo! Inc. BSD-3-Clause license. See the [LICENSE file](https://github.com/pure-css/pure/blob/main/LICENSE) for license text and copyright information. ### Health Score 58 — FairBetter than 98% of packages Maintenance52 Moderate activity, may be stable Popularity53 Moderate usage in the ecosystem Community43 Growing community involvement Maturity74 Established project with proven stability Bus Factor2 2 contributors hold 50%+ of commits 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 ~151 days Recently: every ~160 days Total 14 Last Release 1335d ago Major Versions v1.0.1 → v2.0.0-rc.02020-05-02 v2.2.0 → v3.0.02022-10-26 ### Community Maintainers ![](https://www.gravatar.com/avatar/e41c341db33bb42d2fa4b5ed44a86b4ce5126c84c617e1366392db8c98febc57?d=identicon)[redonkulus](/maintainers/redonkulus) --- Top Contributors [![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (295 commits)")[![ericf](https://avatars.githubusercontent.com/u/29096?v=4)](https://github.com/ericf "ericf (207 commits)")[![redonkulus](https://avatars.githubusercontent.com/u/193272?v=4)](https://github.com/redonkulus "redonkulus (145 commits)")[![tilomitra](https://avatars.githubusercontent.com/u/174783?v=4)](https://github.com/tilomitra "tilomitra (139 commits)")[![jamesalley](https://avatars.githubusercontent.com/u/824331?v=4)](https://github.com/jamesalley "jamesalley (60 commits)")[![msweeney](https://avatars.githubusercontent.com/u/39166?v=4)](https://github.com/msweeney "msweeney (14 commits)")[![AurelioDeRosa](https://avatars.githubusercontent.com/u/1430979?v=4)](https://github.com/AurelioDeRosa "AurelioDeRosa (13 commits)")[![dependabot-preview[bot]](https://avatars.githubusercontent.com/in/2141?v=4)](https://github.com/dependabot-preview[bot] "dependabot-preview[bot] (7 commits)")[![greenkeeperio-bot](https://avatars.githubusercontent.com/u/14790466?v=4)](https://github.com/greenkeeperio-bot "greenkeeperio-bot (5 commits)")[![codepb](https://avatars.githubusercontent.com/u/4525422?v=4)](https://github.com/codepb "codepb (5 commits)")[![rictorres](https://avatars.githubusercontent.com/u/351568?v=4)](https://github.com/rictorres "rictorres (4 commits)")[![achalv](https://avatars.githubusercontent.com/u/1014428?v=4)](https://github.com/achalv "achalv (4 commits)")[![dchest](https://avatars.githubusercontent.com/u/52677?v=4)](https://github.com/dchest "dchest (3 commits)")[![jconniff](https://avatars.githubusercontent.com/u/449779?v=4)](https://github.com/jconniff "jconniff (3 commits)")[![magikstm](https://avatars.githubusercontent.com/u/24783458?v=4)](https://github.com/magikstm "magikstm (3 commits)")[![paazmaya](https://avatars.githubusercontent.com/u/369881?v=4)](https://github.com/paazmaya "paazmaya (3 commits)")[![albertosantini](https://avatars.githubusercontent.com/u/328179?v=4)](https://github.com/albertosantini "albertosantini (3 commits)")[![stevenvachon](https://avatars.githubusercontent.com/u/170197?v=4)](https://github.com/stevenvachon "stevenvachon (3 commits)")[![djmattyg007](https://avatars.githubusercontent.com/u/489338?v=4)](https://github.com/djmattyg007 "djmattyg007 (2 commits)")[![kwando](https://avatars.githubusercontent.com/u/891566?v=4)](https://github.com/kwando "kwando (2 commits)") --- Tags csshtmlpureframeworkwebcsspureresponsivefront-endyahoomobile-firstPure.css ### Embed Badge ![Health badge](/badges/yahoo-purecss/health.svg) ``` [![Health](https://phpackages.com/badges/yahoo-purecss/health.svg)](https://phpackages.com/packages/yahoo-purecss) ``` ### Alternatives [twbs/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.3k18.2M372](/packages/twbs-bootstrap)[twitter/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.3k1.7M28](/packages/twitter-bootstrap)[coreui/coreui The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintain by the CoreUI Team 876117.2k4](/packages/coreui-coreui)[components/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 802.8M63](/packages/components-bootstrap)[orange-opensource/orange-boosted-bootstrap Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library. 2179.2k](/packages/orange-opensource-orange-boosted-bootstrap)[coreui/coreui-pro The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintain by the CoreUI Team 161.1k](/packages/coreui-coreui-pro) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)