PHPackages hanamisoftware/hanami-style-library - 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. hanamisoftware/hanami-style-library ActiveLibrary[Framework](/categories/framework) hanamisoftware/hanami-style-library =================================== Hanami Style Library for Hanami Developers and Designers. It's a Custom Bootstrap Boilerplate with a twist 1.0(2y ago)011MITSCSS Since May 2Pushed 2y ago1 watchersCompare [ Source](https://github.com/HanamiSoftware/Hanami-Style-Library)[ Packagist](https://packagist.org/packages/hanamisoftware/hanami-style-library)[ RSS](/packages/hanamisoftware-hanami-style-library/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (1)DependenciesVersions (2)Used By (0) Hanami Style Library ==================== [](#hanami-style-library) How to ------ [](#how-to) ### If you already use Bootstrap you are good to go. I did only a few changes that helped me complete a Project [](#if-you-already-use-bootstrap-you-are-good-to-go-i-did-only-a-few-changes-that-helped-me-complete-a-project) the maximum width of a `.container` would be 1440. Because 1440 / 12 the total column span gives me an integer ex. `1440px / 12 columns` every column would be 120px. For me easy to work with. > Remember to alway put the custom.css file that you find in the example after including bootstrap.css [Bootstrap Docs](https://getbootstrap.com/docs/5.3/getting-started/introduction/) `.center` added special center class to center every column no matter the column span. Sometimes when you have columns of different sizes, with `col-*-n-offset-n` it's very tricky to center the columns. so just put the .center class in the parent .row and it's done ``` Card Title card-content-element card-content-element card-content-element card-content-element card-content-element card-content-element Card Title card-content-element card-content-element card-content-element card-content-element card-content-element ``` How to install the Library -------------------------- [](#how-to-install-the-library) ### Composer [](#composer) ``` composer require hanamisoftware/hanami-style-library ``` A very special Thank You to the Bootstrap Community for building this fantastic Frontend Toolkit ================================================================================================ [](#a-very-special-thank-you-to-the-bootstrap-community-for-building-this-fantastic-frontend-toolkit) Of course I left all the copyright and licenses in place. If it happen that you fork the project and you would like to make it nicer, please leave the copyright to whom it belogs (Bootstrap) What you will find inside of the library ---------------------------------------- [](#what-you-will-find-inside-of-the-library) You will find all the source code, example folder with a template, javascript files, icon pack You have everything to start a new Project How to use the Icons -------------------- [](#how-to-use-the-icons) referr to [Bootstrap Icons Documentation](https://icons.getbootstrap.com/) Extended Functionality ---------------------- [](#extended-functionality) if you want popper.js for extended functionality use this from jsdelivr ``` ``` Mobile and SPA - OPA Web Application with React ----------------------------------------------- [](#mobile-and-spa---opa-web-application-with-react) just import in your react app this script and everything will work like a charm Thanks to React Bootstrap Library and The Community follow the Instruction here [React Bootstrap Documentation](https://react-bootstrap.netlify.app/docs/getting-started/introduction) ``` ``` but you can just copy and paste `example/index.php` ### this project uses Sass of course [](#this-project-uses-sass-of-course) Happy Coding ### Health Score 22 — LowBetter than 23% of packages Maintenance31 Infrequent updates — may be unmaintained Popularity5 Limited adoption so far Community7 Small or concentrated contributor base Maturity40 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% 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 Unknown Total 1 Last Release 737d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/699423fe3c9855a12b18860cc224deb6ac1a97ab6b0201bac4a9ff4576b88848?d=identicon)[Hanami Software](/maintainers/Hanami%20Software) --- Top Contributors [![francescobiagini](https://avatars.githubusercontent.com/u/1581762?v=4)](https://github.com/francescobiagini "francescobiagini (13 commits)") ### Embed Badge ![Health badge](/badges/hanamisoftware-hanami-style-library/health.svg) ``` [![Health](https://phpackages.com/badges/hanamisoftware-hanami-style-library/health.svg)](https://phpackages.com/packages/hanamisoftware-hanami-style-library) ``` ### Alternatives [laravel/telescope An elegant debug assistant for the Laravel framework. 5.2k67.8M190](/packages/laravel-telescope)[spiral/roadrunner RoadRunner: High-performance PHP application server and process manager written in Go and powered with plugins 8.4k12.2M84](/packages/spiral-roadrunner)[nolimits4web/swiper Most modern mobile touch slider and framework with hardware accelerated transitions 41.8k177.2k1](/packages/nolimits4web-swiper)[laravel/dusk Laravel Dusk provides simple end-to-end testing and browser automation. 1.9k36.7M255](/packages/laravel-dusk)[laravel/prompts Add beautiful and user-friendly forms to your command-line applications. 708181.8M591](/packages/laravel-prompts)[cakephp/chronos A simple API extension for DateTime. 1.4k47.7M120](/packages/cakephp-chronos) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)