Download the PHP package muhsenmaqsudi/laratify without Composer
On this page you can find all versions of the php package muhsenmaqsudi/laratify. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download muhsenmaqsudi/laratify
More information about muhsenmaqsudi/laratify
Files in muhsenmaqsudi/laratify
Package laratify
Short Description a Laravel 7 Component Base UI Panel Package using TailwindCSS & AlpineJS
License MIT
Informations about the package laratify
Laratify
Laratify is a Laravel 7 package which includes essential components to make creating forms, table and custom ui's for your laravel blade base application a breeze. \ This package requires Node.js to be installed in order to run npm commands and It Uses TailwindCSS as It's UI CSS styles, and it's backed with AlpineJS as it's javascript reactive power.
Useful links:
- Support: GitHub Issues
- Contribute: GitHub Pulls
Installation
Require Laratify:
composer require muhsenmaqsudi/laratify
Publishing Vendor Assets
php artisan vendor:publish --tag="laratify-config"
php artisan vendor:publish --tag="laratify-views"
Add TailwindCSS & AlpineJS UI Preset Scaffolding
php artisan laratify:ui
With Authentication Scaffolding
php artisan laratify:ui --auth
Installing TailwindCSS & AlpineJS and compiling them
npm install && npm run dev
Laratify Components
Laratify offers useful components to make building your app ui fast & easy. See below examples of each component.
Available Colors:
All of the default TailwindCSS color pallets are available for all the components where color matters.
Black, White, Gray, Red, Orange, Yellow, Green, Teal, Blue, Indigo, Purple & Pink
All the colors except Black & White comes with a 100 to 900 color shades that you can use like this {color-name}-{shade-no}
Alert:
Badge:
Button:
- Note: available sizes: 'sm', 'md', 'lg'
Input:
- for disabling the input set
disabled
attributes, for readonly input setreadonly
attribute**
Checkbox:
- for disabling the checkbox set
disabled
attributes \ - checkbox attributes should have
boolean
migration columns.
Select:
- if the options are an associative array, the keys are used as the labels and the values as the values. For sequential arrays, the values are used for both the labels and values.
- :options="['option1', 'option2', 'option3']" => options with sequential array
- :options="[1 => 'option1', 2 => 'option2']" => options with associate array
File:
Textarea:
Radios:
- :options="['option1', 'option2', 'option3']" => options with sequential array
- :options="[1 => 'option1', 2 => 'option2']" => options with associate array
Dropdown:
- '|' is the separator in the drop down list, so use it when you want to separate links
Dialog:
Tooltip:
Available placements:
- top, bottom, right, left,
- {top,bottom,right,left}-start, {top,bottom,right,left}-end'
Note: remember to put tooltip after the parent element
Grids & Grid
Container, Col & Row
- flex options: initial,1,auto,none,grow,grow-0,shrink,shrink-0,
- order options: 1,2,3,4,5,6,7,8,9,10,11,12, first,last,none
- align-self options: auto, start, center, end, stretch
- flex-dir options: row, row-reverse, col, col-reverse
- align option: stretch, start, center, end, baseline (flex's align-items)
- justify options: start, center, end, between, around
- align-content options: start, center, end, between, around
Card
Navbar
Table
Tabs & Tab
Collapse
Package Config
For publishing package's config file run the bellow command
php artisan vendor:publish --tag="laratify-config"
Packages Used
Composer packages:
NPM packages:
All versions of laratify with dependencies
ext-json Version *
laravel/framework Version ^7.0
laravel/ui Version ^2.0