PHPackages yiisoft/yii-bulma - 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. yiisoft/yii-bulma ActiveLibrary[Framework](/categories/framework) yiisoft/yii-bulma ================= Collection of Widgets for Bulma CSS framework. 1.0.0(4y ago)2519.8k7[1 issues](https://github.com/yiisoft/yii-bulma/issues)[3 PRs](https://github.com/yiisoft/yii-bulma/pulls)BSD-3-ClausePHPPHP ^7.4|^8.0CI passing Since Apr 1Pushed 5mo ago14 watchersCompare [ Source](https://github.com/yiisoft/yii-bulma)[ Packagist](https://packagist.org/packages/yiisoft/yii-bulma)[ Docs](https://www.yiiframework.com/)[ GitHub Sponsors](https://github.com/yiisoft)[ Fund](https://opencollective.com/yiisoft)[ RSS](/packages/yiisoft-yii-bulma/feed)WikiDiscussions master Synced today READMEChangelogDependencies (9)Versions (5)Used By (0) [ ![](https://camo.githubusercontent.com/8317c17418b39410a660f5149071d26c5023c0d5fb2b7ebb771324812f666d73/68747470733a2f2f796969736f66742e6769746875622e696f2f646f63732f696d616765732f7969695f6c6f676f2e737667) ](https://github.com/yiisoft) [ ![](docs/images/bulma-logo.png) ](https://bulma.io/) Yii Framework Bulma Integration =============================== [](#yii-framework-bulma-integration) [![Latest Stable Version](https://camo.githubusercontent.com/117ce38fa190d25968cbd51dc7a9adf50fc74feb6f644378fef691fe478af06f/68747470733a2f2f706f7365722e707567782e6f72672f796969736f66742f7969692d62756c6d612f762f737461626c652e706e67)](https://packagist.org/packages/yiisoft/yii-bulma)[![Total Downloads](https://camo.githubusercontent.com/d9849272924684d5401f0e92ecc64dd5e8377e11e4e094d9c6466b0934f8fd05/68747470733a2f2f706f7365722e707567782e6f72672f796969736f66742f7969692d62756c6d612f646f776e6c6f6164732e706e67)](https://packagist.org/packages/yiisoft/yii-bulma)[![Build status](https://github.com/yiisoft/yii-bulma/workflows/build/badge.svg)](https://github.com/yiisoft/yii-bulma/actions?query=workflow%3Abuild)[![Scrutinizer Code Quality](https://camo.githubusercontent.com/9787440fefff16826e42c7e706a494ebccabc5b9e1ca3d04f8e6654dd0e539af/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f796969736f66742f7969692d62756c6d612f6261646765732f7175616c6974792d73636f72652e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/yiisoft/yii-bulma/?branch=master)[![Code Coverage](https://camo.githubusercontent.com/7354bd42075ec724abb501bb90d38e2ba466274ae9e0fc6972969961e567cb42/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f796969736f66742f7969692d62756c6d612f6261646765732f636f7665726167652e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/yiisoft/yii-bulma/?branch=master)[![Mutation testing badge](https://camo.githubusercontent.com/d452a807671a0c9cc67ab59761a4b2d0c61d654f19a1a40df628a08005ac3c5c/68747470733a2f2f696d672e736869656c64732e696f2f656e64706f696e743f7374796c653d666c61742675726c3d687474707325334125324625324662616467652d6170692e737472796b65722d6d757461746f722e696f2532466769746875622e636f6d253246796969736f66742532467969692d62756c6d612532466d6173746572)](https://dashboard.stryker-mutator.io/reports/github.com/yiisoft/yii-bulma/master)[![static analysis](https://github.com/yiisoft/yii-bulma/workflows/static%20analysis/badge.svg)](https://github.com/yiisoft/yii-bulma/actions?query=workflow%3A%22static+analysis%22)[![type-coverage](https://camo.githubusercontent.com/79d07d0be441cb73920c1db7d1a6bd5f9db577173ee2d6cb4bc588d34a062a57/68747470733a2f2f73686570686572642e6465762f6769746875622f796969736f66742f7969692d62756c6d612f636f7665726167652e737667)](https://shepherd.dev/github/yiisoft/yii-bulma) This [Yii Framework](https://www.yiiframework.com/) package encapsulates [Bulma](https://bulma.io) components and plugins in terms of Yii widgets, and thus makes using Bulma components/plugins in Yii applications convenient. Requirements ------------ [](#requirements) - PHP 8.0 or higher. Installation ------------ [](#installation) The package could be installed with [Composer](https://getcomposer.org): ``` composer require yiisoft/yii-bulma ``` Install assets -------------- [](#install-assets) There are several ways to install the assets, they are: 1. Using the [AssetPackagist](https://asset-packagist.org/) package manager. Add to composer.json file the following: ``` { "require": { "npm-asset/bulma": "^0.9.3", "npm-asset/bulma-helpers": "^0.4.2", "npm-asset/vizuaalog--bulmajs": "^0.12.1", "oomphinc/composer-installers-extender": "^2.0.0", }, "extra": { "installer-types": [ "npm-asset" ], "installer-paths": { "./node_modules/{$name}": [ "type:npm-asset" ] } }, "repositories": [ { "type": "composer", "url": "https://asset-packagist.org" } ] } ``` Once the changes are made, you can install the assets using the following command: ``` composer update ``` 2. Using the [npm-asset](https://www.npmjs.com/) package manager. Run the following command at the root directory of your application. ``` npm i bulma npm i @vizuaalog/bulmajs npm i bulma-helpers ``` Using assets ------------ [](#using-assets) Bulma is a CSS framework that provides all the CSS and SASS files to customize your application, the widgets by default do not register any Asset so you must register them in your application to be used, since you can simply use the default CSS file layout, or build your own custom CCS. Three Assets are provided: - [BulmaAsset](https://bulma.io/): CSS, SASS file bulma css framework without JS code. - [BulmaHelperAsset](https://github.com/jmaczan/bulma-helpers): CSS, SASS, MIXINS it is an auxiliary library provide file helpers for Bulma CSS framework. - [BulmaJsAsset](https://github.com/jgthms/bulma): Vizuaalog/BulmaJs it is an auxiliary library that has all the JS used by the Bulma CSS framework, you can decide to use this library, or alternatively write your own JS code. To use widgets only, register `BulmaAsset::class`, which we can do in several ways explained below. ### Register asset in view layout or individual view [](#register-asset-in-view-layout-or-individual-view) By registering the Asset in the `resources/layout/main.php` it will be available for all views. If you need it registered for individual view (such as `resources/views/site/contact.php`) only, register it in that view. ``` use Yiisoft\Yii\Bulma\Asset\BulmaAsset; /** * @var Yiisoft\Assets\AssetManager $assetManager * @var Yiisoft\View\WebView $this */ $assetManager->register(BulmaAsset::class); $this->setCssFiles($assetManager->getCssFiles()); $this->setJsFiles($assetManager->getJsFiles()); ``` ### Register asset in application params [](#register-asset-in-application-params) You can register asset in the assets parameters, (by default, this is `config/packages/yiisoft/assets/params.php`). Asset will be available for all views of this application. ``` use Yiisoft\Yii\Bulma\Asset\BulmaAsset; 'yiisoft/asset' => [ 'assetManager' => [ 'register' => [ BulmaAsset::class, ], ], ], ``` Then in `resources/layout/main.php`: ``` /* @var Yiisoft\View\WebView $this */ $this->setCssFiles($assetManager->getCssFiles()); $this->setJsFiles($assetManager->getJsFiles()); ``` Documentation ------------- [](#documentation) - [Guide](docs/guide/en/README.md) - [Internals](docs/internals.md) If you need help or have a question, the [Yii Forum](https://forum.yiiframework.com/c/yii-3-0/63) is a good place for that. You may also check out other [Yii Community Resources](https://www.yiiframework.com/community). License ------- [](#license) The Yii Framework Bulma Integration is free software. It is released under the terms of the BSD License. Please see [`LICENSE`](./LICENSE.md) for more information. Maintained by [Yii Software](https://www.yiiframework.com/). Support the project ------------------- [](#support-the-project) [![Open Collective](https://camo.githubusercontent.com/a2b15f8e2268d4e3842e00d41ff7a57cce2ad8bd8d8769c5dc4fa05a546a4f62/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4f70656e253230436f6c6c6563746976652d73706f6e736f722d3765616466313f6c6f676f3d6f70656e253230636f6c6c656374697665266c6f676f436f6c6f723d376561646631266c6162656c436f6c6f723d353535353535)](https://opencollective.com/yiisoft) Follow updates -------------- [](#follow-updates) [![Official website](https://camo.githubusercontent.com/d6b0929173e28cc627430d2519ca1853466a70f37395877eaf4820cb3e1e1909/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f506f77657265645f62792d5969695f4672616d65776f726b2d677265656e2e7376673f7374796c653d666c6174)](https://www.yiiframework.com/)[![Twitter](https://camo.githubusercontent.com/d077c362ac639792171af8bc002ee827816733dfc0925f70b557e6d151022226/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f747769747465722d666f6c6c6f772d3144413146323f6c6f676f3d74776974746572266c6f676f436f6c6f723d314441314632266c6162656c436f6c6f723d3535353535353f7374796c653d666c6174)](https://twitter.com/yiiframework)[![Telegram](https://camo.githubusercontent.com/4e38dd12535575c39c65bea7119b95e663abb2d1f4e3d669a27bbda07ef603f0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f74656c656772616d2d6a6f696e2d3144413146323f7374796c653d666c6174266c6f676f3d74656c656772616d)](https://t.me/yii3en)[![Facebook](https://camo.githubusercontent.com/48204e301b34b29b0815854544f04c337fc0692096cab35e9a1f8c53a42c2307/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f66616365626f6f6b2d6a6f696e2d3144413146323f7374796c653d666c6174266c6f676f3d66616365626f6f6b266c6f676f436f6c6f723d666666666666)](https://www.facebook.com/groups/yiitalk)[![Slack](https://camo.githubusercontent.com/1a3645ba1c97e6684d0349bc478201e1621ba0d3efad516d81035364d442bad7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f736c61636b2d6a6f696e2d3144413146323f7374796c653d666c6174266c6f676f3d736c61636b)](https://yiiframework.com/go/slack) ### Health Score 42 — FairBetter than 90% of packages Maintenance48 Moderate activity, may be stable Popularity32 Limited adoption so far Community27 Small or concentrated contributor base Maturity56 Maturing project, gaining track record 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 Unknown Total 1 Last Release 1501d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/261a6249c6f605f3956a2fae40fbb813f6b2e1e6f2bf806180c851a965426e54?d=identicon)[cebe](/maintainers/cebe) ![](https://www.gravatar.com/avatar/fc29e4e7068a00fe9b9db37b8aadda1db6020adcacef810461e47b99c2b150e6?d=identicon)[samdark](/maintainers/samdark) ![](https://www.gravatar.com/avatar/ccb75e3312d6bd454ea445ea308139fd185a4ca906ca5df21cc66e6a35de25a3?d=identicon)[SilverFire](/maintainers/SilverFire) ![](https://www.gravatar.com/avatar/99106256c24a8cb23871b99fa90e48f37f1aa71608c185759b7d2a88683a5918?d=identicon)[hiqsol](/maintainers/hiqsol) --- Top Contributors [![samdark](https://avatars.githubusercontent.com/u/47294?v=4)](https://github.com/samdark "samdark (31 commits)")[![terabytesoftw](https://avatars.githubusercontent.com/u/42547589?v=4)](https://github.com/terabytesoftw "terabytesoftw (27 commits)")[![devanych](https://avatars.githubusercontent.com/u/20116244?v=4)](https://github.com/devanych "devanych (13 commits)")[![shkolin](https://avatars.githubusercontent.com/u/1900163?v=4)](https://github.com/shkolin "shkolin (6 commits)")[![vjik](https://avatars.githubusercontent.com/u/525501?v=4)](https://github.com/vjik "vjik (6 commits)")[![xepozz](https://avatars.githubusercontent.com/u/6815714?v=4)](https://github.com/xepozz "xepozz (5 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (5 commits)")[![Fantom409](https://avatars.githubusercontent.com/u/14968877?v=4)](https://github.com/Fantom409 "Fantom409 (2 commits)")[![luizcmarin](https://avatars.githubusercontent.com/u/67489841?v=4)](https://github.com/luizcmarin "luizcmarin (2 commits)")[![Mister-42](https://avatars.githubusercontent.com/u/68641750?v=4)](https://github.com/Mister-42 "Mister-42 (1 commits)")[![StyleCIBot](https://avatars.githubusercontent.com/u/11048387?v=4)](https://github.com/StyleCIBot "StyleCIBot (1 commits)")[![viktorprogger](https://avatars.githubusercontent.com/u/7670669?v=4)](https://github.com/viktorprogger "viktorprogger (1 commits)")[![roxblnfk](https://avatars.githubusercontent.com/u/4152481?v=4)](https://github.com/roxblnfk "roxblnfk (1 commits)")[![art009](https://avatars.githubusercontent.com/u/4653709?v=4)](https://github.com/art009 "art009 (1 commits)")[![sankaest](https://avatars.githubusercontent.com/u/21160342?v=4)](https://github.com/sankaest "sankaest (1 commits)") --- Tags bulmahacktoberfestyii3widgetyiibulma ### Code Quality TestsPHPUnit Static AnalysisPsalm Type Coverage Yes ### Embed Badge ![Health badge](/badges/yiisoft-yii-bulma/health.svg) ``` [![Health](https://phpackages.com/badges/yiisoft-yii-bulma/health.svg)](https://phpackages.com/packages/yiisoft-yii-bulma) ``` ### Alternatives [yiisoft/yii-dataview Yii data displaying widgets 4252.6k1](/packages/yiisoft-yii-dataview)[yiisoft/view Yii View Rendering Library 57382.5k19](/packages/yiisoft-view)[yiisoft/form The package helps with implementing data entry forms. 4797.1k1](/packages/yiisoft-form)[yiisoft/bootstrap5 Yii Framework Twitter Bootstrap 5 Extension 7013.4k](/packages/yiisoft-bootstrap5)[yiisoft/yii-swagger OpenAPI Swagger for Yii Framework 31116.9k](/packages/yiisoft-yii-swagger)[yiisoft/widget Widget 25230.9k15](/packages/yiisoft-widget) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)