{"id":24060837,"url":"https://github.com/mkocansey/bladewind","last_synced_at":"2025-05-14T08:08:41.332Z","repository":{"id":37856149,"uuid":"480158212","full_name":"mkocansey/bladewind","owner":"mkocansey","description":"BladewindUI is a collection of elegant Laravel blade-based UI components spiced with TailwindCSS and Javascript.","archived":false,"fork":false,"pushed_at":"2025-03-28T01:27:25.000Z","size":2352,"stargazers_count":596,"open_issues_count":9,"forks_count":59,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-04-03T18:56:13.771Z","etag":null,"topics":["blade","css","hacktoberfest","html","javascript","laravel","laravel-package","php","tailwindcss","ui","ui-components","ui-design","ui-library"],"latest_commit_sha":null,"homepage":"https://bladewindui.com","language":"JavaScript","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/mkocansey.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-04-10T22:43:57.000Z","updated_at":"2025-04-03T18:25:39.000Z","dependencies_parsed_at":"2023-10-05T05:59:15.930Z","dependency_job_id":"e301a3d6-fd63-4a0e-8c30-f35680ef7513","html_url":"https://github.com/mkocansey/bladewind","commit_stats":{"total_commits":113,"total_committers":7,"mean_commits":"16.142857142857142","dds":"0.16814159292035402","last_synced_commit":"bc091022249b305dad8ef150fe65699737ba233b"},"previous_names":[],"tags_count":106,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mkocansey%2Fbladewind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mkocansey%2Fbladewind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mkocansey%2Fbladewind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mkocansey%2Fbladewind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mkocansey","download_url":"https://codeload.github.com/mkocansey/bladewind/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248327754,"owners_count":21085257,"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":["blade","css","hacktoberfest","html","javascript","laravel","laravel-package","php","tailwindcss","ui","ui-components","ui-design","ui-library"],"created_at":"2025-01-09T07:15:16.535Z","updated_at":"2025-05-14T08:08:41.313Z","avatar_url":"https://github.com/mkocansey.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp\u003e\u003cimg src=\"https://img.shields.io/github/license/mkocansey/bladewind\" alt=\"License\" /\u003e\u003c/p\u003e\u003cbr /\u003e\n\u003cp\u003e\u003cimg src=\"https://bladewindui.com/assets/images/bladewind-logo.png\" style=\"height: 30px; margin-bottom:10px\" /\u003e\u003c/p\u003e\n\nBladewindUI is a collection of UI components written purely using TailwindCSS, Laravel blade templates and Vanilla\nJavascript. These components are super simple to use and come with different levels of customization.\n\u003cbr /\u003e\u003cbr /\u003e\n\n### Installation\n\nThe full installation guide is available on https://bladewindui.com/install.\n\u003cbr /\u003e\n\nBladewindUI is very specific to Laravel since all components are written purely using blade syntax. To install in your\nLaravel project simply run this command in the terminal at the root of your project.\n\u003cbr /\u003e\u003cbr /\u003e\n\n```\ncomposer require mkocansey/bladewind\n```\n\n\u003cbr /\u003e\n\nNext you need to **publish the package assets** by running this command, still in the terminal at the root of your\nLaravel project.\n\n\u003cbr /\u003e\n\n```\nphp artisan vendor:publish --provider=\"Mkocansey\\Bladewind\\BladewindServiceProvider\" --tag=bladewind-public --force\n```\n\n\u003cbr /\u003e\n\nNow include the BladewindUI css file in the \u0026lt;head\u0026gt; of your pages. This should ideally be done in the layouts file\nyour app pages extend from. You will also need to include the css used for animating the modals and other elements.\n\n\u003cbr /\u003e\n\n```\n\u003clink href=\"{{ asset('vendor/bladewind/css/animate.min.css') }}\" rel=\"stylesheet\" /\u003e\n```\n\n```\n\u003clink href=\"{{ asset('vendor/bladewind/css/bladewind-ui.min.css') }}\" rel=\"stylesheet\" /\u003e\n```\n\n\u003cbr /\u003e\n\nFinally, include the BladewindUI javascript file anywhere before the closing of the \u0026lt;/body\u0026gt; tag of your pages.\nAgain, this should ideally be done in the layouts file your app's pages extend from.\n\n\u003cbr /\u003e\n\n```\n\u003cscript src=\"{{ asset('vendor/bladewind/js/helpers.js') }}\" type=\"text/javascript\"\u003e\u003c/script\u003e\n```\n\n\u003cbr /\u003e\n\nYou are now ready to start using any of the BladewindUI components in your application\n\n\u003cbr /\u003e\n\n```\n\u003cx-bladewind::button\u003eSave User\u003c/x-bladewind::button\u003e\n```\n\n\u003cbr /\u003e\u003cbr /\u003e\n\n### Components Include\n\n- **[Accordion](https://bladewindui.com/component/accordion)**\n- **[Alert](https://bladewindui.com/component/alert)**\n- **[Avatar](https://bladewindui.com/component/avatar)**\n- **[Bell](https://bladewindui.com/component/bell)**\n- **[Button](https://bladewindui.com/component/button)**\n- **[Card](https://bladewindui.com/component/card)**\n- **[Centered Content](https://bladewindui.com/component/centered-content)**\n- **[Chart](https://bladewindui.com/component/chart)**\n- **[Checkbox](https://bladewindui.com/component/checkbox)**\n- **[Checkbox](https://bladewindui.com/component/checkbox)**\n- **[CheckCard](https://bladewindui.com/component/checkcard)**\n- **[Colorpicker](https://bladewindui.com/component/colorpicker)**\n- **[Datepicker](https://bladewindui.com/component/datepicker)**\n- **[Dropdown](https://bladewindui.com/component/dropdown)**\n- **[Dropmenu](https://bladewindui.com/component/dropmenu)**\n- **[Empty State](https://bladewindui.com/component/empty-state)**\n- **[Filepicker](https://bladewindui.com/component/filepicker)**\n- **[Horizontal Line Graph](https://bladewindui.com/component/horizontal-line-graph)**\n- **[Icon](https://bladewindui.com/component/icon)**\n- **[Input](https://bladewindui.com/component/input)**\n- **[List View](https://bladewindui.com/component/list-view)**\n- **[Modal](https://bladewindui.com/component/modal)**\n- **[Notification](https://bladewindui.com/component/notification)**\n- **[Process Indicator](https://bladewindui.com/component/process-indicator)**\n- **[Progress Bar](https://bladewindui.com/component/progress-bar)**\n- **[Radio Button](https://bladewindui.com/component/radio-button)**\n- **[Rating](https://bladewindui.com/component/rating)**\n- **[Select](https://bladewindui.com/component/select)**\n- **[Statistic](https://bladewindui.com/component/statistic)**\n- **[Spinner](https://bladewindui.com/component/spinner)**\n- **[Tab](https://bladewindui.com/component/tab)**\n- **[Table](https://bladewindui.com/component/table)**\n- **[Tag](https://bladewindui.com/component/tag)**\n- **[Textarea](https://bladewindui.com/component/textarea)**\n- **[Timeline](https://bladewindui.com/component/timeline)**\n- **[Timepicker](https://bladewindui.com/component/timepicker)**\n- **[Toggle](https://bladewindui.com/component/toggle)**\n- **[Verification Code](https://bladewindui.com/component/verification-code)**\n\n\u003cbr /\u003e\u003cbr /\u003e\n\nCheck out the full documentation on https://bladewindui.com.\n\n\u003cbr /\u003e\u003cbr /\u003e\n\n## Questions and General Info\n\nIf you want to ask anything at all or report a security vulnerability, please\ne-mail [mike@bladewindui.com](mailto:mike@bladewindui.com) or tweet [@bladewindui](https://twitter.com/bladewindui)\n\n\u003cbr /\u003e\n\n## License\n\nBladewindUI is an open-sourced library licensed under the [MIT license](https://opensource.org/licenses/MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmkocansey%2Fbladewind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmkocansey%2Fbladewind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmkocansey%2Fbladewind/lists"}