PHPackages talalalmrka/fgx - 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. talalalmrka/fgx ActiveLibrary talalalmrka/fgx =============== Reusable UI Components for Laravel by fadgram 1.2.3(10mo ago)099MITBladePHP ^7.4|^8.0|^8.1|^8.2|^8.3|^8.4 Since Mar 22Pushed 10mo ago1 watchersCompare [ Source](https://github.com/talalalmrka/fgx)[ Packagist](https://packagist.org/packages/talalalmrka/fgx)[ RSS](/packages/talalalmrka-fgx/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependencies (4)Versions (23)Used By (0) Fgx UI Components ================= [](#fgx-ui-components) [![License](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667) Table of Contents ----------------- [](#table-of-contents) - [Installation](#installation) - [Configuration](#configuration) - [Usage](#usage) - [Components](#components) - [Alert](#alert) - [Badge](#badge) - [Button](#button) - [Card](#card) - [Dropdown](#dropdown) - [Input](#input) - [Modal](#modal) - [Table](#table) - [Updating caches](#updating-caches) - [Available Components](#available-components) - [Testing](#testing) - [License](#license) Installation ------------ [](#installation) ``` composer require talalalmrka/fgx ``` Configuration ------------- [](#configuration) To publish the configuration file, run: ``` php artisan vendor:publish --tag=fgx-config ``` Usage ----- [](#usage) ### Components [](#components) #### Alert [](#alert) The `Alert` component is used to display alert messages. **Usage:** ``` ``` **Available Props:** - `type` (string): The type of alert. Possible values: `success`, `error`, `warning`, `info`. Default: `info`. - `message` (string): The message to display in the alert. --- #### Breadcrumbs [](#breadcrumbs) The `Breadcrumbs` component is used to display a breadcrumb navigation. **Usage:** ``` ``` **Available Props:** - `links` (array): An array of breadcrumb links. Each link should be an associative array with the following keys: - `label` (string): The text to display for the breadcrumb. - `url` (string): The URL for the breadcrumb. Optional for the last breadcrumb in the list. - If `url` is not provided, the breadcrumb will be rendered as plain text. --- #### Badge [](#badge) The `Badge` component is used to display small status indicators. **Usage:** ``` Active ``` **Available Props:** - `type` (string): The type of badge. Possible values: `success`, `error`, `warning`, `info`. Default: `info`. - `text` (string): The text to display inside the badge. --- #### Button [](#button) The `Button` component is used to render buttons. **Usage:** ``` Submit ``` **Available Props:** - `type` (string): The button type. Possible values: `submit`, `button`, `reset`. Default: `button`. - `class` (string): Additional CSS classes for styling the button. - `disabled` (boolean): Whether the button is disabled. Default: `false`. --- #### Card [](#card) The `Card` component is used to display content within a card layout. **Usage:** ``` This is the card content. ``` **Available Props:** - `title` (string): The title of the card. - `footer` (string): The footer content of the card. Optional. --- #### Dropdown [](#dropdown) The `Dropdown` component is used to display dropdown menus. **Usage:** ``` Edit Delete ``` **Available Props:** - `label` (string): The label for the dropdown. - `items` (array): An array of dropdown items. Optional. --- #### Input [](#input) The `Input` component is used to render input fields. **Usage:** ``` ``` **Available Props:** - `name` (string): The name attribute of the input field. - `type` (string): The type of the input field. Default: `text`. - `placeholder` (string): The placeholder text for the input field. - `value` (string): The default value of the input field. Optional. --- #### Modal [](#modal) The `Modal` component is used to display modal dialogs. **Usage:** ``` This is the modal content. ``` **Available Props:** - `id` (string): The unique identifier for the modal. - `title` (string): The title of the modal. - `size` (string): The size of the modal. Possible values: `sm`, `md`, `lg`. Default: `md`. --- #### Table [](#table) The `Table` component is used to display tabular data. **Usage:** ``` ``` **Available Props:** - `headers` (array): An array of column headers. - `rows` (array): An array of row data. You can customize the components by publishing the views: ``` php artisan vendor:publish --tag=fgx-views ``` ### Updating caches [](#updating-caches) ``` php artisan config:clear php artisan config:cache php artisan view:clear ``` ### Available Components [](#available-components) Testing ------- [](#testing) To run the tests, use: ``` vendor/bin/phpunit ``` License ------- [](#license) This project is licensed under the MIT License. ### Health Score 37 — LowBetter than 83% of packages Maintenance54 Moderate activity, may be stable Popularity11 Limited adoption so far Community7 Small or concentrated contributor base Maturity64 Established project with proven stability 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 ~5 days Recently: every ~22 days Total 22 Last Release 307d ago PHP version history (2 changes)1.0.0PHP ^8.1 1.0.5PHP ^7.4|^8.0|^8.1|^8.2|^8.3|^8.4 ### Community Maintainers ![](https://www.gravatar.com/avatar/5cc9b6a1f3906a2816e5589f34231bc7f85a4abf5d5c7aeae90ccfe4f11f8d3d?d=identicon)[talalalmrka](/maintainers/talalalmrka) --- Top Contributors [![talalalmrka](https://avatars.githubusercontent.com/u/28264911?v=4)](https://github.com/talalalmrka "talalalmrka (29 commits)") --- Tags laraveluicomponentslivewirefgxfadgram ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/talalalmrka-fgx/health.svg) ``` [![Health](https://phpackages.com/badges/talalalmrka-fgx/health.svg)](https://phpackages.com/packages/talalalmrka-fgx) ``` ### Alternatives [livewire/flux The official UI component library for Livewire. 9385.0M86](/packages/livewire-flux)[robsontenorio/mary Gorgeous UI components for Livewire powered by daisyUI and Tailwind 1.5k454.7k15](/packages/robsontenorio-mary)[ympact/flux-icons A package to provide icons from different vendors for Livewire Flux. 116.2k](/packages/ympact-flux-icons) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)