PHPackages brandymedia/turbine-ui-core - 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. brandymedia/turbine-ui-core ActiveLibrary[Templating & Views](/categories/templating) brandymedia/turbine-ui-core =========================== Tailwind CSS styled Laravel Blade components v2.1.5(2mo ago)82991—0%6[1 issues](https://github.com/brandymedia/turbine-ui-core/issues)MITPHPPHP ^8.1.0 Since Nov 6Pushed 2mo ago4 watchersCompare [ Source](https://github.com/brandymedia/turbine-ui-core)[ Packagist](https://packagist.org/packages/brandymedia/turbine-ui-core)[ RSS](/packages/brandymedia-turbine-ui-core/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (10)Dependencies (5)Versions (21)Used By (0) About Turbine UI ================ [](#about-turbine-ui) Turbine UI is a Laravel Blade & Tailwind CSS UI component library that helps you build elegant and responsive user interfaces that'll make your pages pop. Say goodbye to designer's block forever. Release Notes ============= [](#release-notes) v2.1.1 ------ [](#v211) ### Added [](#added) - `x-t-alert` now supports a `titleLevel` prop to control semantic heading level (`1-6`). ### Fixed [](#fixed) - Turbine UI script directive now uses a host-relative path for improved environment compatibility. - Accessibility improvements for interactive controls: - Added explicit accessible labels and button types for dismiss controls in alert, toast, modal, and sidebar. - Added an accessible name/title for the theme switcher trigger button. - Improved list-group semantics for better accessibility in common usage patterns. ### Upgrade steps [](#upgrade-steps) After upgrading, republish JS assets and clear caches: ``` php artisan vendor:publish --tag=turbine-ui-js --force php artisan optimize:clear ``` Documentation ============= [](#documentation) Download -------- [](#download) Turbine UI is free and can be downloaded via composer: ``` composer require brandymedia/turbine-ui-core ``` Installation ------------ [](#installation) #### Requirements [](#requirements) - **MUST** be using at least Laravel 10 - **MUST** be using at least PHP 8.1 - **MUST** be using Tailwind CSS ### Tailwind CSS Setup [](#tailwind-css-setup) Once you've installed Turbine UI you'll need to update your **tailwind.config.js** file. In the 'content' section, add **./vendor/brandymedia/turbine-ui-core/**/\*.php\*\* as a new line: ``` content: [ '...', './vendor/brandymedia/turbine-ui-core/**/*.php', ], ``` You'll also need to make sure you're using the Tailwind Forms plugin in your **tailwind.config.js** file. This is normally included by default when using a starter kit such as Laravel Breeze. ``` import forms from '@tailwindcss/forms'; export default { ... plugins: [forms], }; ``` Then in development run: ``` npm run dev ``` Or in production run: ``` npm run build ``` ### Themes [](#themes) Turbine UI comes with 2 themes by default with further themes in development: - Kinetic (default) - Primal (Pro) You can switch themes by adding the **TURBINE\_UI\_THEME** key to your .env file: ``` TURBINE_UI_THEME=kinetic|primal ``` You can also edit themes by publishing the packages assets: ``` php artisan vendor:publish --tag=turbine-ui-themes ``` This makes local copies of the themes in the **./resources/views/vendor/turbine-ui/themes** directory which can then be edited to meet your requirements. Note To use local themes, you will need to update your **tailwind.config.js** file. In the 'content' section, add **./resources/views/**/\*.php\*\* as a new line: ``` content: [ '...', './resources/views/**/*.php', ], ``` ### Variants [](#variants) Think of variants as colour palettes. The default themes already come with several predefined variants but you can create your own, or even overwrite existing one. To create a new variant, run the following command in your CLI: ``` php artisan turbine:create-variant ``` You will then be prompted to enter the variants name. **To overwrite an existing theme level variant, use the same name for example ***primary*****. Once the new variant has been created you will find it here **../resources/views/vendor/turbine-ui/variants**. Note To use local variants, you will need to update your **tailwind.config.js** file. In the 'content' section, add **./resources/views/**/\*.php\*\* as a new line: ``` content: [ '...', './resources/views/**/*.php', ], ``` You can now use your new variant on your components using kebab-case formatting. ### JavaScript [](#javascript) Note Some of the Turbine UI components require JavaScript to function properly. You'll need to first publish the js files: ``` php artisan vendor:publish --tag=turbine-ui-js --force ``` Then add the Turbine UI blade directive to your head: ``` @turbineUI ``` If you update Turbine UI and interactive components appear stale, clear cached files: ``` php artisan optimize:clear ``` ### Alert title heading level [](#alert-title-heading-level) You can control alert title heading semantics with `titleLevel`: ``` This alert keeps heading hierarchy consistent with your page structure. ``` ### Components [](#components) You can view the documentation for each of the components [here](https://turbineui.com/components) ### Health Score 50 — FairBetter than 95% of packages Maintenance83 Actively maintained with recent releases Popularity31 Limited adoption so far Community14 Small or concentrated contributor base Maturity60 Established project with proven stability Bus Factor1 Top contributor holds 50% 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 ~43 days Total 20 Last Release 88d ago Major Versions v1.x-dev → v2.x-dev2024-02-06 ### Community Maintainers ![](https://www.gravatar.com/avatar/3b9ebc6d6714b285696e18073de77c37048a066e67a8561e69b8792c8cee966c?d=identicon)[brandymedia](/maintainers/brandymedia) --- Top Contributors [![brandymedia](https://avatars.githubusercontent.com/u/78492529?v=4)](https://github.com/brandymedia "brandymedia (1 commits)")[![giagara](https://avatars.githubusercontent.com/u/79515022?v=4)](https://github.com/giagara "giagara (1 commits)") --- Tags bladecomponent-librarylaravelui ### Embed Badge ![Health badge](/badges/brandymedia-turbine-ui-core/health.svg) ``` [![Health](https://phpackages.com/badges/brandymedia-turbine-ui-core/health.svg)](https://phpackages.com/packages/brandymedia-turbine-ui-core) ``` ### Alternatives [roots/acorn Framework for Roots WordPress projects built with Laravel components. 9682.1M97](/packages/roots-acorn)[tightenco/jigsaw Simple static sites with Laravel's Blade. 2.2k438.5k29](/packages/tightenco-jigsaw)[livewire/flux The official UI component library for Livewire. 9385.0M86](/packages/livewire-flux)[rcrowe/twigbridge Adds the power of Twig to Laravel 9105.9M50](/packages/rcrowe-twigbridge)[tallstackui/tallstackui TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications. 703141.0k7](/packages/tallstackui-tallstackui)[robsontenorio/mary Gorgeous UI components for Livewire powered by daisyUI and Tailwind 1.5k454.7k15](/packages/robsontenorio-mary) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)