PHPackages salahhusa9/laravel-template-components - 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. salahhusa9/laravel-template-components ActiveLibrary salahhusa9/laravel-template-components ====================================== Laravel template components, can use with vuexy and metronic templates 23[1 issues](https://github.com/salahhusa9/laravel-template-components/issues)[13 PRs](https://github.com/salahhusa9/laravel-template-components/pulls)PHP Since Aug 6Pushed 1mo ago1 watchersCompare [ Source](https://github.com/salahhusa9/laravel-template-components)[ Packagist](https://packagist.org/packages/salahhusa9/laravel-template-components)[ RSS](/packages/salahhusa9-laravel-template-components/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependenciesVersions (21)Used By (0) Laravel template components, can use with vuexy and metronic templates ====================================================================== [](#laravel-template-components-can-use-with-vuexy-and-metronic-templates) [![Latest Version on Packagist](https://camo.githubusercontent.com/39631f45660d8ea2b7a0984cf7e727285c33293cad328d0a58c59c44ea4def57/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f73616c616868757361392f6c61726176656c2d74656d706c6174652d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/salahhusa9/laravel-template-components)[![GitHub Tests Action Status](https://camo.githubusercontent.com/08fb5dc81ce9cc3d7f5579fb0803cf440e309b23f35a5d725606bfdcb166ddb7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f73616c616868757361392f6c61726176656c2d74656d706c6174652d636f6d706f6e656e74732f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/salahhusa9/laravel-template-components/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/cd8718ae935a8f8288df006624562f033f00d5b47df12667fbc9699ace62f82f/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f73616c616868757361392f6c61726176656c2d74656d706c6174652d636f6d706f6e656e74732f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/salahhusa9/laravel-template-components/actions?query=workflow%3A%22Fix+PHP+code+style+issues%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/ef28a892eb814b78d08ab18f2c5389419f3c9b2c55eb277e28be7609a0fc866f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f73616c616868757361392f6c61726176656c2d74656d706c6174652d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/salahhusa9/laravel-template-components) This package is a collection of components that can be used with vuexy and metronic templates, and it can be used with any other template by changing the config file. Installation ------------ [](#installation) You can install the package via composer: ``` composer require salahhusa9/laravel-template-components ``` You can publish the config file with: ``` php artisan laravel-template-components:install ``` Usage ----- [](#usage) ### Input Component [](#input-component) ``` ``` He accept all normal attributes of input tag and add some new attributes: - div-class: add class to div tag - label-class: add class to label tag - other attributes will be added to input tag ### Button Component [](#button-component) ``` ``` He accept all normal attributes of button tag and add some new attributes: - div-class: add class to div tag - span-text-class: add class to span tag that contain button text - indicator-progress-class: add class to span tag that contain button progress indicator - loading-text: text that will be shown when button is loading - spinner-class: add class to span tag that contain button spinner - other attributes will be added to button tag we support livewire loading state, so if you use livewire you can use loading state like this: ``` ``` ### Select Component [](#select-component) ``` option 1 option 2 ``` He accept all normal attributes of select tag and add some new attributes: - div-class: add class to div tag - label-class: add class to label tag - other attributes will be added to select tag ### Textarea Component [](#textarea-component) ``` ``` He accept all normal attributes of textarea tag and add some new attributes: - div-class: add class to div tag - label-class: add class to label tag - other attributes will be added to textarea tag ### Form Component [](#form-component) ``` ``` he accept all normal attributes of form tag and add some new attributes: - route: route name that will be used in form action - other attributes will be added to form tag Supported Templates ------------------- [](#supported-templates) - [Vuexy](https://demos.pixinvent.com/vuexy-html-admin-template/landing/) - [Metronic](https://preview.keenthemes.com/metronic/demo1/index.html) VersionSupportedVuexy✅Metronic✅Html Standards✅Testing ------- [](#testing) ``` composer test ``` Changelog --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. Contributing ------------ [](#contributing) Please see [CONTRIBUTING](CONTRIBUTING.md) for details. Security Vulnerabilities ------------------------ [](#security-vulnerabilities) Please review [our security policy](../../security/policy) on how to report security vulnerabilities. Credits ------- [](#credits) - [salahhusa9](https://github.com/salahhusa9) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 26 — LowBetter than 43% of packages Maintenance50 Moderate activity, may be stable Popularity6 Limited adoption so far Community11 Small or concentrated contributor base Maturity33 Early-stage or recently created project Bus Factor1 Top contributor holds 94% 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. ### Community Maintainers ![](https://www.gravatar.com/avatar/4191314cbc45f7d51077e26cb1eac2a4d6e1df4de537d03778d2753391d6f03b?d=identicon)[salahhusa9](/maintainers/salahhusa9) --- Top Contributors [![salahhusa9](https://avatars.githubusercontent.com/u/64494826?v=4)](https://github.com/salahhusa9 "salahhusa9 (47 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (1 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (1 commits)")[![renovate[bot]](https://avatars.githubusercontent.com/in/2740?v=4)](https://github.com/renovate[bot] "renovate[bot] (1 commits)") --- Tags componentslaravellaravel-componentslaravel-packagelaravel-templatelivewire-componentlivewire-componentsmetronicmetronic-componentmetronic-laravelmetronic-thememetronic8templatesvuexyvuexy-template ### Embed Badge ![Health badge](/badges/salahhusa9-laravel-template-components/health.svg) ``` [![Health](https://phpackages.com/badges/salahhusa9-laravel-template-components/health.svg)](https://phpackages.com/packages/salahhusa9-laravel-template-components) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)