{"id":13805283,"url":"https://github.com/masterix21/x-blade-components","last_synced_at":"2025-09-30T15:31:08.057Z","repository":{"id":62524868,"uuid":"285878471","full_name":"masterix21/x-blade-components","owner":"masterix21","description":"Laravel Blade Components ready to use","archived":true,"fork":false,"pushed_at":"2020-09-16T15:22:20.000Z","size":533,"stargazers_count":37,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-16T17:44:49.491Z","etag":null,"topics":["alpinejs","blade","components","flatpickr","imask","laravel","livewire","livewire-component","tailwind"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/masterix21.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null},"funding":{"github":"masterix21","custom":"https://github.com/sponsors/masterix21"}},"created_at":"2020-08-07T16:49:53.000Z","updated_at":"2024-05-17T17:54:58.000Z","dependencies_parsed_at":"2022-11-02T14:01:50.407Z","dependency_job_id":null,"html_url":"https://github.com/masterix21/x-blade-components","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":"spatie/package-skeleton-laravel","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/masterix21%2Fx-blade-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/masterix21%2Fx-blade-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/masterix21%2Fx-blade-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/masterix21%2Fx-blade-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/masterix21","download_url":"https://codeload.github.com/masterix21/x-blade-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234747756,"owners_count":18880499,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["alpinejs","blade","components","flatpickr","imask","laravel","livewire","livewire-component","tailwind"],"created_at":"2024-08-04T01:00:59.596Z","updated_at":"2025-09-30T15:31:02.645Z","avatar_url":"https://github.com/masterix21.png","language":"PHP","funding_links":["https://github.com/sponsors/masterix21"],"categories":["Libraries"],"sub_categories":[],"readme":"![X-Blade-Components Banner](https://github.com/masterix21/x-blade-components/blob/master/banner.png?raw=true)\n\n[![MIT License](https://img.shields.io/github/license/masterix21/x-blade-components)](https://img.shields.io/github/license/masterix21/x-blade-components)\n[![Latest Version](https://img.shields.io/github/v/release/masterix21/x-blade-components)](https://packagist.org/packages/masterix21/x-blade-components)\n[![GitHub Tests Action Status](https://img.shields.io/github/workflow/status/masterix21/x-blade-components/Tests/master)](https://github.com/masterix21/x-blade-components/actions?query=workflow%3Arun-tests+branch%3Amaster)\n[![Total Downloads](https://img.shields.io/packagist/dt/masterix21/x-blade-components.svg)](https://packagist.org/packages/masterix21/x-blade-components)\n\n\nReady-to-use Blade components built with TALL stack in mind. A must-have package for the artisans.\n\n## Support us\n\nIf you like my work, you can [sponsoring me](https://github.com/sponsors/masterix21).\n\n## Installation\n\nYou can install the package via composer:\n\n```bash\ncomposer require masterix21/x-blade-components\n\nnpm install tailwindcss @tailwindcss/ui alpinejs imask flatpickr @popperjs/core\n// or\nyarn add tailwindcss @tailwindcss/ui alpinejs imask flatpickr @popperjs/core\n```\n\nAdd `@tailwindcss/ui` to your Tailwind plugin list:\n```js\n// tailwind.config.js\nmodule.exports = {\n  plugins: [\n    require('@tailwindcss/ui'),\n  ]\n}\n```\n\nAdd all styles to our css, less or scss:\n```scss\n@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"~flatpickr/dist/themes/airbnb.css\";\n\n[x-cloak] { display: none; }\n```\n\nImport in the `bootstrap.js` file all scripts needed:\n```js\n// The awesome AlpineJS\nimport 'alpinejs';\n\n// Flatpickr Calendar\nimport flatpickr from \"flatpickr\";\nwindow.flatpickr = flatpickr;\n\n// IMask to add input masks support\nimport IMask from 'imask';\nwindow.IMask = IMask;\n\n// PopperJS for the best element alignment\nimport { createPopper } from '@popperjs/core/lib/popper-lite.js';\nimport preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js';\nimport flip from '@popperjs/core/lib/modifiers/flip.js';\nwindow.createPopper = createPopper;\nwindow.preventOverflow = preventOverflow;\nwindow.flip = flip;\n```\n\nAnd finally compile all:\n```bash\n# dev\nnpm run dev \n\n# production\nnpm run prod\n\n# or, if you use yarn...\nyarn dev\n\nyarn prod\n```\n\n## Usage\n\n[See our wiki pages](https://github.com/masterix21/x-blade-components/wiki)\n\n## Testing\n\n``` bash\ncomposer test\n```\n\n## Changelog\n\nPlease see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.\n\n## Contributing\n\nPlease see [CONTRIBUTING](CONTRIBUTING.md) for details.\n\n## Security\n\nIf you discover any security related issues, please email l.longo@ambita.it instead of using the issue tracker.\n\n## Credits\n\n- [Luca Longo](https://github.com/masterix21)\n- [All Contributors](../../contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmasterix21%2Fx-blade-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmasterix21%2Fx-blade-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmasterix21%2Fx-blade-components/lists"}