Download the PHP package aalicki/fusion-core-ui without Composer
On this page you can find all versions of the php package aalicki/fusion-core-ui. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package fusion-core-ui
Contents
- About Fusion Core UI
- Requirements
- Installation & Setup
- Current Stability
- Compatability
- Roadmap
- Components
- Alerts
- Avatars
- Badges
- Breadcrumbs
- Buttons
- Button Groups
- Cards
- Checkboxes
- Dropdowns
- Headings
- Inputs
- Input Groups
- List Groups
- Modals
- Nav Bars
- Nav Links
- Pricing
- Progress Bars
- Radio Inputs
- Stats
- Switches (Radio)
- Tables
- Tabs
- FAQ
-
Maintainers
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!
Requirements
- Laravel 9
- PHP 8.1
- Alpine.js (https://alpinejs.dev/)
- Tailwind CSS V3.4
- You will need the Tailwind Form Plugin: https://github.com/tailwindlabs/tailwindcss-forms
Installing and Setup
composer require aalicki/fusion-core-ui
- Ensure your
tailwind.config.js
file has the following:
Current Release and Stability
v0.0.1-beta
⚠️ Not Production or Development Ready Yet.
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, <x-fcui-_____>
. This is explained in detail below (coming soon).
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
- Alerts
- Avatars
- Badges
- Breadcrumbs
- Buttons
- Button Groups
- Cards
- Checkboxes
- Dropdowns
- Headings
- Inputs
- Input Groups
- List Groups
- Modals
- Nav Bars
- Nav Links
- Pricing
- Progress Bars
- Radion Inputs
- Stats
- Switches (Radio)
- Tables
-
Tabs
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
Most examples utilize Fontawesome or Heroicons. You can utilize a library of your choice.
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
Full Example, includes an Icon, the Type, and a Dismissible button:
Basic Example (No, dismissible, icon, with default class):
Avatars
Avatar with a profile image passed in
Large Avatar without a label
Badges
Default badge
Warning Badge
Info Badge with an Icon
Breadcrumbs
A basic Breadcrumb component. This accepts an array of links and their URL, which could look like the following:
Buttons
A small button
A default sized button with a theme and icon
Button Group
Card
Checkboxes
Dropdown
Heading
Input
Input with a label, placeholder text, and a tip (small text shown under input)
Disabled input
Input Group
Basic input group with 3 columns
List Group
Basic List Group with the Nav Link component
Modal
Basic Modal
Navbar
A basic Navbar using inline <li>
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.
Navlinks
A basic example of the Navlink
Pricing
A demonstration of the Pricing table component
Progress Bar
Basic Progress bars
Radio Inputs
Stats
Basic Stats Block
Switch Radio
A basic Switch (radio button) component
Table
A basic Table example. As with the Navbar component, there is plenty to be desired when using this component and customization / less boilerplate.
Tabs
Currently, only one style of tabs are available; the default cyan theme.
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
Adam Alicki - https://alicki.me
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.