PHPackages disruptiveadvertising/bladewind - 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. [Templating & Views](/categories/templating) 4. / 5. disruptiveadvertising/bladewind ActiveLibrary[Templating & Views](/categories/templating) disruptiveadvertising/bladewind =============================== Laravel UI Components using TailwindCSS, Blade Templates and vanilla Javascript. A clone of the original for customization. 0.1.9(1y ago)019MITBladePHP >=7.3 Since Nov 11Pushed 1y agoCompare [ Source](https://github.com/disruptiveadvertising/bladewind)[ Packagist](https://packagist.org/packages/disruptiveadvertising/bladewind)[ RSS](/packages/disruptiveadvertising-bladewind/feed)WikiDiscussions main Synced today READMEChangelog (10)DependenciesVersions (11)Used By (0) [![License](https://camo.githubusercontent.com/ead282baa36c95c0a46cca5c9f0404c81b70cd523f8d3949a9f7d5ea8570475a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6d6b6f63616e7365792f626c61646577696e64)](https://camo.githubusercontent.com/ead282baa36c95c0a46cca5c9f0404c81b70cd523f8d3949a9f7d5ea8570475a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6d6b6f63616e7365792f626c61646577696e64) [![](https://github.com/mkocansey/bladewind-docs/raw/development/public/assets/images/bladewind-logo.png)](https://github.com/mkocansey/bladewind-docs/blob/development/public/assets/images/bladewind-logo.png) BladewindUI is a collection of UI components written purely using TailwindCSS, Laravel blade templates and Vanilla Javascript. These components are super simple to use and come with different levels of customization. ### Installation [](#installation) The full installation guide is available on . BladewindUI is very specific to Laravel since all components are written purely using blade syntax. To install in your Laravel project simply run this command in the terminal at the root of your project. ``` composer require disruptiveadvertising/bladewind ``` Next you need to **publish the package assets** by running this command, still in the terminal at the root of your Laravel project. ``` php artisan vendor:publish --provider="Mkocansey\Bladewind\BladewindServiceProvider" --tag=bladewind-public --force ``` Now include the BladewindUI css file in the <head> of your pages. This should ideally be done in the layouts file your app pages extend from. You will also need to include the css used for animating the modals and other elements. ``` ``` ``` ``` Finally, include the BladewindUI javascript file anywhere before the closing of the </body> tag of your pages. Again, this should ideally be done in the layouts file your app's pages extend from. ``` ``` You are now ready to start using any of the BladewindUI components in your application ``` Save User ``` ### Components Include [](#components-include) - **[Alert](https://bladewindui.com/component/alert)** - **[Avatar](https://bladewindui.com/component/avatar)** - **[Bell](https://bladewindui.com/component/bell)** - **[Button](https://bladewindui.com/component/button)** - **[Card](https://bladewindui.com/component/card)** - **[Centered Content](https://bladewindui.com/component/centered-content)** - **[Checkbox](https://bladewindui.com/component/checkbox)** - **[Datepicker](https://bladewindui.com/component/datepicker)** - **[Dropdown](https://bladewindui.com/component/dropdown)** - **[Dropmenu](https://bladewindui.com/component/dropmenu)** - **[Empty State](https://bladewindui.com/component/empty-state)** - **[Filepicker](https://bladewindui.com/component/filepicker)** - **[Horizontal Line Graph](https://bladewindui.com/component/horizontal-line-graph)** - **[Icon](https://bladewindui.com/component/icon)** - **[Input](https://bladewindui.com/component/input)** - **[List View](https://bladewindui.com/component/list-view)** - **[Modal](https://bladewindui.com/component/modal)** - **[Notification](https://bladewindui.com/component/notification)** - **[Process Indicator](https://bladewindui.com/component/process-indicator)** - **[Progress Bar](https://bladewindui.com/component/progress-bar)** - **[Radio Button](https://bladewindui.com/component/radio-button)** - **[Rating](https://bladewindui.com/component/rating)** - **[Select](https://bladewindui.com/component/select)** - **[Statistic](https://bladewindui.com/component/statistic)** - **[Spinner](https://bladewindui.com/component/spinner)** - **[Tab](https://bladewindui.com/component/tab)** - **[Table](https://bladewindui.com/component/table)** - **[Tag](https://bladewindui.com/component/tag)** - **[Textarea](https://bladewindui.com/component/textarea)** - **[Theme Switcher](https://bladewindui.com/component/theme-switcher)** - **[Timeline](https://bladewindui.com/component/timeline)** - **[Toggle](https://bladewindui.com/component/toggle)** - **[Verification Code](https://bladewindui.com/component/verification-code)** Check out the full documentation on . Questions and General Info -------------------------- [](#questions-and-general-info) If you want to ask anything at all or report a security vulnerability, please e-mail or tweet [@bladewindui](https://twitter.com/bladewindui) License ------- [](#license) BladewindUI is an open-sourced library licensed under the [MIT license](https://opensource.org/licenses/MIT). ### Health Score 22 — LowBetter than 21% of packages Maintenance36 Infrequent updates — may be unmaintained Popularity6 Limited adoption so far Community17 Small or concentrated contributor base Maturity30 Early-stage or recently created project Bus Factor1 Top contributor holds 89.1% 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 ~0 days Total 10 Last Release 596d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/815c51d12988b1a2b619a60c3d3cd09bf7806568c16455b2b6984074bedb336b?d=identicon)[disruptiveads](/maintainers/disruptiveads) --- Top Contributors [![mkocansey](https://avatars.githubusercontent.com/u/1946332?v=4)](https://github.com/mkocansey "mkocansey (523 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (18 commits)")[![adamlytics](https://avatars.githubusercontent.com/u/3247979?v=4)](https://github.com/adamlytics "adamlytics (14 commits)")[![prince-noman](https://avatars.githubusercontent.com/u/67705630?v=4)](https://github.com/prince-noman "prince-noman (5 commits)")[![haugen86](https://avatars.githubusercontent.com/u/620820?v=4)](https://github.com/haugen86 "haugen86 (5 commits)")[![felixfrey](https://avatars.githubusercontent.com/u/6955297?v=4)](https://github.com/felixfrey "felixfrey (3 commits)")[![HarriFent](https://avatars.githubusercontent.com/u/28115257?v=4)](https://github.com/HarriFent "HarriFent (2 commits)")[![rezgui](https://avatars.githubusercontent.com/u/1289096?v=4)](https://github.com/rezgui "rezgui (2 commits)")[![BeBel42](https://avatars.githubusercontent.com/u/64377698?v=4)](https://github.com/BeBel42 "BeBel42 (2 commits)")[![berrugo](https://avatars.githubusercontent.com/u/10728169?v=4)](https://github.com/berrugo "berrugo (2 commits)")[![datlechin](https://avatars.githubusercontent.com/u/56961917?v=4)](https://github.com/datlechin "datlechin (2 commits)")[![sorrell](https://avatars.githubusercontent.com/u/763445?v=4)](https://github.com/sorrell "sorrell (1 commits)")[![j2deme](https://avatars.githubusercontent.com/u/1148641?v=4)](https://github.com/j2deme "j2deme (1 commits)")[![kalirocket](https://avatars.githubusercontent.com/u/61436567?v=4)](https://github.com/kalirocket "kalirocket (1 commits)")[![malikdoksoz](https://avatars.githubusercontent.com/u/26676061?v=4)](https://github.com/malikdoksoz "malikdoksoz (1 commits)")[![malozaibi](https://avatars.githubusercontent.com/u/19515597?v=4)](https://github.com/malozaibi "malozaibi (1 commits)")[![MMuslimAbdulJ](https://avatars.githubusercontent.com/u/83753102?v=4)](https://github.com/MMuslimAbdulJ "MMuslimAbdulJ (1 commits)")[![myxiaoao](https://avatars.githubusercontent.com/u/1223134?v=4)](https://github.com/myxiaoao "myxiaoao (1 commits)")[![ntbutler-nbcs](https://avatars.githubusercontent.com/u/94018771?v=4)](https://github.com/ntbutler-nbcs "ntbutler-nbcs (1 commits)")[![rinodrummer](https://avatars.githubusercontent.com/u/6603220?v=4)](https://github.com/rinodrummer "rinodrummer (1 commits)") --- Tags laraveltailwindcssblade-componentsui-components ### Embed Badge ![Health badge](/badges/disruptiveadvertising-bladewind/health.svg) ``` [![Health](https://phpackages.com/badges/disruptiveadvertising-bladewind/health.svg)](https://phpackages.com/packages/disruptiveadvertising-bladewind) ``` ### Alternatives [mkocansey/bladewind BladewindUI — elegant Laravel Blade UI components powered by TailwindCSS 683123.5k](/packages/mkocansey-bladewind)[developermithu/tallcraftui TallCraftUI is a Laravel blade UI components library built on TALL stack 1663.3k](/packages/developermithu-tallcraftui)[electrik/slate Slate - a Laravel Blade UI Kit is a set of anonymous blade components built using TailwindCSS v4 with built-in dark mode support for your next Laravel project 102.5k1](/packages/electrik-slate) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)