PHPackages aalicki/fusion-core-ui - 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. aalicki/fusion-core-ui ActiveLibrary[Templating & Views](/categories/templating) aalicki/fusion-core-ui ====================== Laravel Blade Components Library with Tailwind CSS. v0.0.3-alpha(2y ago)31[1 issues](https://github.com/aalicki/fusion-ui-kit/issues)GPL-3.0 licensePHPPHP ^8.1.0 Since Jan 15Pushed 2y ago2 watchersCompare [ Source](https://github.com/aalicki/fusion-ui-kit)[ Packagist](https://packagist.org/packages/aalicki/fusion-core-ui)[ RSS](/packages/aalicki-fusion-core-ui/feed)WikiDiscussions main Synced 2d ago READMEChangelog (4)Dependencies (1)Versions (6)Used By (0) [![](fusion-core-ui-logo.png)](fusion-core-ui-logo.png) --- [![image](https://camo.githubusercontent.com/5a580364ff3bd338370177402c5c050ff81a1933927e1e475c920c90850b38a3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d4646324432303f7374796c653d666f722d7468652d6261646765266c6f676f3d6c61726176656c266c6f676f436f6c6f723d7768697465)](https://laravel.com/)[![image](https://camo.githubusercontent.com/84af53087957d441ad085a426371a789f1a45cd082080cb9cf63e7dd38ac082d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5461696c77696e645f4353532d3338423241433f7374796c653d666f722d7468652d6261646765266c6f676f3d7461696c77696e642d637373266c6f676f436f6c6f723d7768697465)](https://tailwindcss.com) [![GPLv3 License](https://camo.githubusercontent.com/da9c3abfd62c32a94031c3a382cb7c85dbd4cede411416837adfe6b8fda05ba1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d47504c25323076332d79656c6c6f772e737667)](https://opensource.org/licenses/)![Github All Releases](https://camo.githubusercontent.com/8468c56edf8ef7a3dc7f187451532df073fb12ac489faf7049e50df41d59f49a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f646f776e6c6f6164732f61616c69636b692f667573696f6e2d75692d6b69742f746f74616c2e7376673f7374796c653d666c6174) --- Contents -------- [](#contents) - [About Fusion Core UI](#about-fusion-core-ui) - [Requirements](#requirements) - [Installation & Setup](#installing-and-setup) - [Current Stability](#current-release-and-stability) - [Compatability](#compatability) - [Roadmap](#roadmap-2024) - [Components](#components) - [Alerts](#alerts) - [Avatars](#avatars) - [Badges](#badges) - [Breadcrumbs](#breadcrumbs) - [Buttons](#buttons) - [Button Groups](#button-group) - [Cards](#card) - [Checkboxes](#checkboxes) - [Dropdowns](#dropdown) - [Headings](#heading) - [Inputs](#input) - [Input Groups](#input-group) - [List Groups](#list-group) - [Modals](#modal) - [Nav Bars](#navbar) - [Nav Links](#navlinks) - [Pricing](#pricing) - [Progress Bars](#progress-bar) - [Radio Inputs](#radio-inputs) - [Stats](#stats) - [Switches (Radio)](#switch-radio) - [Tables](#table) - [Tabs](#tabs) - [FAQ](#faq) - [Maintainers](#maintainers) --- About Fusion Core UI -------------------- [](#about-fusion-core-ui) Fusion Core UI is a Laravel Blade & Tailwind CSS component library. It draws inspiration from futuristic styles, clean and sleek. The goal is to allow this library to give your next app or project a clean and bright feel grabbed straight out of a distant future! --- 22 Free Components and Counting! --- Requirements ------------ [](#requirements) - **Laravel 9** - **PHP 8.1** - **Alpine.js** () - **Tailwind CSS V3.4** - You will need the Tailwind Form Plugin: Installing and Setup -------------------- [](#installing-and-setup) 1. `composer require aalicki/fusion-core-ui` 2. Ensure your `tailwind.config.js` file has the following: ``` content: [ ... './vendor/aalicki/fusion-core-ui/**/*.php', ], ``` Current Release and Stability ----------------------------- [](#current-release-and-stability) `v0.0.1-beta` ⚠️ Not Production or Development Ready Yet. Compatability ------------- [](#compatability) I want this library to be compatabile with other UI's you may rely on. Therefore, it comes with an auto-prefix in order to display the components, ``. This is explained in detail below (coming soon). Roadmap 2024 ------------ [](#roadmap-2024) The below elements will be in the initial version of Fusion Core UI with at least 1 or 2 variants. Once these features are complete, it will signify version *1.0* of Fusion Core UI and will be considered ready for production-level projects. ### Components [](#components) - [Alerts](#alerts) - [Avatars](#avatars) - [Badges](#badges) - [Breadcrumbs](#breadcrumbs) - [Buttons](#buttons) - [Button Groups](#button-group) - [Cards](#card) - [Checkboxes](#checkboxes) - [Dropdowns](#dropdown) - [Headings](#heading) - [Inputs](#input) - [Input Groups](#input-group) - [List Groups](#list-group) - [Modals](#modal) - [Nav Bars](#navbar) - [Nav Links](#navlinks) - [Pricing](#pricing) - [Progress Bars](#progress-bar) - [Radion Inputs](#radio-inputs) - [Stats](#stats) - [Switches (Radio)](#switch-radio) - [Tables](#table) - [Tabs](#tabs) --- ### Javascript [](#javascript) In order to use dismissible, modals, and You will need to ensure the JS is being loaded into your application. This package has ***less than 10 lines*** of JS currently. --- ### Icons [](#icons) Most examples utilize [Fontawesome](https://fontawesome.com/) or [Heroicons](https://heroicons.com/). You can utilize a library of your choice. --- Examples ======== [](#examples) The examples below are to demonstrate the concept of how the components were designed and function. More examples, list of properties and demonstration can be found on the fusioncore.alickilabs.com website. Alerts ------ [](#alerts) Full Example, includes an Icon, the Type, and a Dismissible button: ``` Fusion Core UI Default Alert. ``` Basic Example (No, dismissible, icon, with default class): ``` Alert based alert. ``` Avatars ------- [](#avatars) Avatar with a profile image passed in ``` ``` Large Avatar without a label ``` ``` Badges ------ [](#badges) Default badge ``` Default Badge ``` Warning Badge ``` Warning Badge ``` Info Badge with an Icon ``` Warning Badge ``` Breadcrumbs ----------- [](#breadcrumbs) A basic Breadcrumb component. This accepts an array of links and their URL, which could look like the following: ``` $linkArr = [ [ "label" => "Blog", "url" => "/blog" ], [ "label" => "Articles", "url" => "/blog/articles" ], [ "label" => "New Article", "url" => "/blog/articles/new-article" ] ]; ``` ``` ``` Buttons ------- [](#buttons) A small button ``` Small Button ``` A default sized button with a theme and icon ``` ``` Button Group ------------ [](#button-group) ``` Button 1 Button 2 Button 3 ``` Card ---- [](#card) ``` Hello There! Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime enim ab facere laudantium necessitatibus distinctio ullam. Go To Article ``` Checkboxes ---------- [](#checkboxes) ``` Label Goes Here Example Label on the Left ``` Dropdown -------- [](#dropdown) ``` Pizza Burger Hot Dog ``` Heading ------- [](#heading) ``` This is a heading! ``` Input ----- [](#input) Input with a label, placeholder text, and a tip (small text shown under input) ``` ``` Disabled input ``` ``` Input Group ----------- [](#input-group) Basic input group with 3 columns ``` ``` List Group ---------- [](#list-group) Basic List Group with the Nav Link component ``` Link 1 Link 2 Link 3 ``` Modal ----- [](#modal) Basic Modal ``` Nunc viverra eleifend risus tincidunt sodales. Pellentesque et elit ornare, lobortis diam id, facilisis odio. Show The Modal ``` Navbar ------ [](#navbar) A basic Navbar using inline `` tags. In it's current implementation it's fairly opinionated and rigid. The goal is to make this component far more flexible than it is. ``` Home About Us Our Blog Contact Us Sign In Sign In ``` Navlinks -------- [](#navlinks) A basic example of the Navlink ``` Contact Us ``` Pricing ------- [](#pricing) A demonstration of the Pricing table component ``` Product One $20 /month Select Feature Item One Feature Item Two Feature Item Three Special! Product Two $30 /month Select Feature Item One Feature Item Two Feature Item Three Product Three $40 /month Select Feature Item One Feature Item Two Feature Item Three ``` Progress Bar ------------ [](#progress-bar) Basic Progress bars ``` ``` Radio Inputs ------------ [](#radio-inputs) ``` Radio Label Here Radio Label 2 Here ``` Stats ----- [](#stats) Basic Stats Block ``` ``` Switch Radio ------------ [](#switch-radio) A basic Switch (radio button) component ``` A label ``` Table ----- [](#table) A basic Table example. As with the Navbar component, there is plenty to be desired when using this component and customization / less boilerplate. ``` ID Name Email Status 43 Thomas thomas@fusioncore.ui Active 49 Charlie charlie@example.com Inactive ``` Tabs ---- [](#tabs) Currently, only one style of tabs are available; the default cyan theme. ``` Tab 1 Tab 2 Tab 3 Tab 4 ``` --- FAQ --- [](#faq) **Question:** Will there be a documentation and example site? - Yes **Question:** Will you accept Pull Requests? - Yes, if you're interested in this project I'll be happy to utilize your contributions if they fit the intended vision. **Question:** How long will you maintain this for? - Indefinitely, and if I no longer see myself able to contribute I will hand it off to someone more capable. **Question:** Will there be a standalone Tailwind or Laravel option? - Not anytime soon. I like this idea, but it likely won't happen until version 2 or 3. **Question:** Will there be more than 1 theme? - I like the idea of having at least something for Dark / Light Modes. But Currently the focus is on building components that look best on darker backgrounds. **Question:** What's up with the name? - My very first domain and project was an online game called Fusion-Effect which existed from 2006-2008. This is a throwback that that name and project. --- Maintainers ----------- [](#maintainers) Adam Alicki - #### Why another UI Kit? [](#why-another-ui-kit) This is my first step into open-source, and it's somewhat of a personal challenge for myself, in addition to a learning expirement. It's also my way of giving back to the Laravel and Tailwind community, both have allowed me to pay my bills for many years. ### Health Score 18 — LowBetter than 8% of packages Maintenance13 Infrequent updates — may be unmaintained Popularity5 Limited adoption so far Community8 Small or concentrated contributor base Maturity41 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 Every ~9 days Total 4 Last Release 874d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/4746d1f315e3dd21ade0811fa8fd54048679958150c5f0891ed56eaa56663210?d=identicon)[aalicki](/maintainers/aalicki) --- Top Contributors [![aalicki](https://avatars.githubusercontent.com/u/1776192?v=4)](https://github.com/aalicki "aalicki (75 commits)") --- Tags bladecomponent-librarylaraveltailwind-csslaravelbladetailwindlaravel componentsfusion core ui ### Embed Badge ![Health badge](/badges/aalicki-fusion-core-ui/health.svg) ``` [![Health](https://phpackages.com/badges/aalicki-fusion-core-ui/health.svg)](https://phpackages.com/packages/aalicki-fusion-core-ui) ``` ### Alternatives [robsontenorio/mary Gorgeous UI components for Livewire powered by daisyUI and Tailwind 1.5k570.6k23](/packages/robsontenorio-mary)[ddfsn/blade-components Blade Components is a hand-crafted, UI component library for building consistent web experiences in Laravel apps. 235.2k](/packages/ddfsn-blade-components)[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)