PHPackages kenangundogan/madosel - 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. kenangundogan/madosel ActiveLibrary[Framework](/categories/framework) kenangundogan/madosel ===================== The most and fast advanced responsive html front-end framework. v1.0.0-alpha12(4y ago)3804[7 PRs](https://github.com/kenangundogan/madosel/pulls)MITSCSS Since Mar 30Pushed 3y ago5 watchersCompare [ Source](https://github.com/kenangundogan/madosel)[ Packagist](https://packagist.org/packages/kenangundogan/madosel)[ Docs](https://www.madosel.com/)[ Patreon](https://www.patreon.com/kenangundogan)[ RSS](/packages/kenangundogan-madosel/feed)WikiDiscussions master Synced today READMEChangelog (10)DependenciesVersions (35)Used By (0) [![](https://camo.githubusercontent.com/ced0adf43d5c9bbae019643b49202d84933be3d57372acf89166378fcf78756c/68747470733a2f2f7777772e6d61646f73656c2e636f6d2f696d616765732f636f6d6d6f6e2f6d656469612f6d61646f73656c2d636f7665722e6a7067)](https://www.madosel.com) ### Madosel [](#madosel) Modasel is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps that look amazing on any device. Madosel is semantic, readable, flexible, and completely customizable. [**Documentation**](https://www.madosel.com/docs) · [**Installation**](https://www.madosel.com/docs/get-started/installation) · [**Build tools**](https://www.madosel.com/docs/get-started/task-runner) · [**Browser Support**](https://www.madosel.com/docs/get-started/browser-support) [![License](https://camo.githubusercontent.com/2a5ff7687cfe0046c1a4a74b65bc2c59191f537a1b0bfd0ef50dde22f3650fc5/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f6c2f6d61646f73656c2e737667)](https://github.com/kenangundogan/madosel/blob/master/LICENSE) [![CodeFactor](https://camo.githubusercontent.com/61a450e2bcddc245cbd27f0310384d865c12026d8449b564823cdbd0ba8ff1d8/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f6b656e616e67756e646f67616e2f6d61646f73656c2f62616467652f6d6173746572)](https://www.codefactor.io/repository/github/kenangundogan/madosel/overview/master) [![](https://camo.githubusercontent.com/b1ca143f62e3c3d4d6c4010af6506f8ceef452c697f6ecfcebb939e8c99be1f1/68747470733a2f2f7374617475732e64617669642d646d2e6f72672f67682f6b656e616e67756e646f67616e2f6d61646f73656c2e7376673f747970653d646576)](https://david-dm.org/kenangundogan/madosel?type=dev "devDependencies status") [![npm version](https://camo.githubusercontent.com/011069cabec3ce43576231b129a974ed5edbe383dfa991f015833a2609c8a993/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f6d61646f73656c2e737667)](https://www.npmjs.org/package/madosel) [![jsdeliver](https://camo.githubusercontent.com/c68513a2e6f1f0f66ad6226a7403fbe72388e579bd7d3e59c83f73e7227edf51/68747470733a2f2f646174612e6a7364656c6976722e636f6d2f76312f7061636b6167652f6e706d2f6d61646f73656c2f6261646765)](https://www.jsdelivr.com/package/npm/madosel) [![Total Downloads](https://camo.githubusercontent.com/3746009d2ec5ee1d62ebc43551455467e3d493abefc059bcf77259a238d5a197/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f64742f6d61646f73656c2e737667)](https://www.npmjs.com/package/madosel) [![CSS Gzip size](https://camo.githubusercontent.com/e0dba191c6845df01efd96ae243d405f2e2c069bce306ffacc80be9215f3abcf/687474703a2f2f696d672e626164676573697a652e696f2f6b656e616e67756e646f67616e2f6d61646f73656c2f6d61737465722f646973742f6373732f6d61646f73656c2e6d696e2e6373733f636f6d7072657373696f6e3d677a6970266c6162656c3d4353532b477a69702b73697a65)](https://github.com/kenangundogan/madosel/blob/master/dist/css/madosel.min.css) [![CSS Brotli size](https://camo.githubusercontent.com/1a708e97df1d36e78981cd09ab6b62f78a055f279b5b8c3f9b5768eec177ef52/687474703a2f2f696d672e626164676573697a652e696f2f6b656e616e67756e646f67616e2f6d61646f73656c2f6d61737465722f646973742f6373732f6d61646f73656c2e6d696e2e6373733f636f6d7072657373696f6e3d62726f746c69266c6162656c3d4353532b42726f746c692b73697a65)](https://github.com/kenangundogan/madosel/blob/master/dist/css/madosel.min.css) [![JS Component Gzip size](https://camo.githubusercontent.com/b5267def69ffde97443b9b17d7e30d01f985b39ef8dee058ea2b17ca3144c235/687474703a2f2f696d672e626164676573697a652e696f2f6b656e616e67756e646f67616e2f6d61646f73656c2f6d61737465722f646973742f6a732f6d61646f73656c2d636f6d706f6e656e742e6a733f636f6d7072657373696f6e3d677a6970266c6162656c3d4a532b436f6d706f6e656e742b477a69702b73697a65)](https://github.com/kenangundogan/madosel/blob/master/dist/js/madosel-component.js) [![JS Component Brotli size](https://camo.githubusercontent.com/ef4205dbac0d21e6f98619e8e6c0273645d34ca75ca1759000477fd44ddc7203/687474703a2f2f696d672e626164676573697a652e696f2f6b656e616e67756e646f67616e2f6d61646f73656c2f6d61737465722f646973742f6a732f6d61646f73656c2d636f6d706f6e656e742e6a733f636f6d7072657373696f6e3d62726f746c69266c6162656c3d4a532b436f6d706f6e656e742b42726f746c692b73697a65)](https://github.com/kenangundogan/madosel/blob/master/dist/js/madosel-component.js) [![CSS Component gzip size](https://camo.githubusercontent.com/2c3a5454b07f792a44ff7526831562ddb4eb663945445d1bc518ba4b19f513cc/687474703a2f2f696d672e626164676573697a652e696f2f6b656e616e67756e646f67616e2f6d61646f73656c2f6d61737465722f646973742f6373732f6d61646f73656c2d636f6d706f6e656e742e6d696e2e6373733f636f6d7072657373696f6e3d677a6970266c6162656c3d4353532b436f6d706f6e656e742b477a69702b73697a65)](https://github.com/kenangundogan/madosel/blob/master/dist/css/madosel-component.min.css) [![CSS Component Brotli size](https://camo.githubusercontent.com/7f215d05959757b5f26cc7778432a05030c250b3dd54b4867f863762e39e8e77/687474703a2f2f696d672e626164676573697a652e696f2f6b656e616e67756e646f67616e2f6d61646f73656c2f6d61737465722f646973742f6373732f6d61646f73656c2d636f6d706f6e656e742e6d696e2e6373733f636f6d7072657373696f6e3d62726f746c69266c6162656c3d4353532b436f6d706f6e656e742b42726f746c692b73697a65)](https://github.com/kenangundogan/madosel/blob/master/dist/css/madosel-component.min.css) Quick start ----------- [](#quick-start) #### Several quick start options are available: [](#several-quick-start-options-are-available) - [Download the latest release.](https://github.com/kenangundogan/madosel/archive/refs/tags/v1.0.0-alpha12.zip) - Clone the repo: `git clone https://github.com/kenangundogan/madosel.git` - Install with [npm](https://www.npmjs.com/package/madosel): `npm install madosel` - Install with [yarn](https://yarnpkg.com/en/package/madosel): `yarn add madosel` - Install with [composer](https://packagist.org/packages/kenangundogan/madosel): `composer require kenangundogan/madosel` Versioning ---------- [](#versioning) Madosel will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format: ``` .. ``` Copyright and license --------------------- [](#copyright-and-license) Designed and built by [Kenan Gündoğan](https://www.linkedin.com/in/kenangundogan/) 2021 Currently - Code released under the [MIT License](https://github.com/kenangundogan/madosel/blob/master/LICENSE)Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/) ### Health Score 26 — LowBetter than 43% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity12 Limited adoption so far Community13 Small or concentrated contributor base Maturity50 Maturing project, gaining track record Bus Factor1 Top contributor holds 98.6% 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 ~4 days Total 11 Last Release 1822d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/7e6238f548e5e40eaa05b954f593ae45659d83f214a0889095205b04c91dfee1?d=identicon)[kenangundogan](/maintainers/kenangundogan) --- Top Contributors [![kenangundogan](https://avatars.githubusercontent.com/u/19374764?v=4)](https://github.com/kenangundogan "kenangundogan (277 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (4 commits)") --- Tags cssframeworkfrontendjavascriptjavascript-frameworkmadoselsasssass-boilerplatesass-frameworksass-loadersass-mixinsscssstyleweb-designweb-developerframeworkjavascriptcssstylesassscsscss frameworkscss-frameworkmadoselsass-frameworkjavascript-framework ### Embed Badge ![Health badge](/badges/kenangundogan-madosel/health.svg) ``` [![Health](https://phpackages.com/badges/kenangundogan-madosel/health.svg)](https://phpackages.com/packages/kenangundogan-madosel) ``` ### Alternatives [twbs/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.1k17.6M326](/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)[components/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 932.8M63](/packages/components-bootstrap)[orange-opensource/orange-boosted-bootstrap Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library. 2148.7k](/packages/orange-opensource-orange-boosted-bootstrap) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)