mkocansey/bladewind
Composer 安装命令：
composer require mkocansey/bladewind
包简介
BladewindUI — elegant Laravel Blade UI components powered by TailwindCSS
README 文档
README
BladewindUI is a collection of UI components built with TailwindCSS, Laravel Blade templates, and vanilla JavaScript. Every component is simple to use and ships with sensible defaults you can override per-project.
Installation
Install everything (recommended starting point)
This pulls in all components.
composer require mkocansey/bladewind
Install a component group
Each logical group is available as its own package. Install a group when you only need a subset of BladewindUI:
composer require mkocansey/bladewind-forms # all form components composer require mkocansey/bladewind-content # all content & display components composer require mkocansey/bladewind-navigation # all navigation components
Install a single component
Every component is its own Composer package. Install exactly what you need.
composer require mkocansey/bladewind-table composer require mkocansey/bladewind-accordion composer require mkocansey/bladewind-datepicker
Shared dependencies (icon, script, spinner, etc.) are pulled in automatically via Composer's dependency resolution.
First-time setup
After installing, publish the compiled CSS, JavaScript, and language files:
php artisan vendor:publish --tag=bladewind-public --force php artisan vendor:publish --tag=bladewind-lang --force
Add the stylesheet to the <head> of your layout:
<link href="{{ asset('vendor/bladewind/css/bladewind-ui.min.css') }}" rel="stylesheet"/>
Add the JavaScript before the closing </body> tag:
<script src="{{ asset('vendor/bladewind/js/helpers.js') }}"></script>
You are ready to use any component:
<x-bladewind::button>Save User</x-bladewind::button>
Full installation guide: bladewindui.com/install
Components
Components are organised into groups. Each group maps directly to a Composer package. Standalone packages (Button, Modal, Alert, Bell, Notification, Table, Spinner) sit outside any group.
Standalone packages
These components are their own packages and are not bundled into any group. They are pulled in as dependencies by other components that need them.
| Package | Composer name | Component(s) |
|---|---|---|
| Core | mkocansey/bladewind-core |
Shared helpers, CSS variables, helpers.js |
| Icon | mkocansey/bladewind-icon |
SVG icon wrapper (Heroicons) |
| Alert | mkocansey/bladewind-alert |
Alert |
| Bell | mkocansey/bladewind-bell |
Bell |
| Button | mkocansey/bladewind-button |
Button, Circle Button |
| Modal | mkocansey/bladewind-modal |
Modal, Modal Icon |
| Notification | mkocansey/bladewind-notification |
Notification |
| Spinner | mkocansey/bladewind-spinner |
Spinner, Shimmer, Processing, Process Complete |
| Table | mkocansey/bladewind-table |
Table, Table Icons |
Forms group — mkocansey/bladewind-forms
composer require mkocansey/bladewind-forms
# or install any single component
composer require mkocansey/bladewind-input
composer require mkocansey/bladewind-datepicker
...
| Package | Composer name | Component(s) |
|---|---|---|
| Checkbox | mkocansey/bladewind-checkbox |
Checkbox |
| Checkcards | mkocansey/bladewind-checkcards |
Checkcards, Checkcard |
| Colorpicker | mkocansey/bladewind-colorpicker |
Colorpicker |
| Datepicker | mkocansey/bladewind-datepicker |
Datepicker |
| Filepicker | mkocansey/bladewind-filepicker |
Filepicker (powered by FilePond) |
| Input | mkocansey/bladewind-input |
Input, Error |
| Number | mkocansey/bladewind-number |
Number stepper |
| Radio Button | mkocansey/bladewind-radio |
Radio Button |
| Select | mkocansey/bladewind-select |
Select, Select Item |
| Slider | mkocansey/bladewind-slider |
Slider |
| Textarea | mkocansey/bladewind-textarea |
Textarea |
| Timepicker | mkocansey/bladewind-timepicker |
Timepicker |
| Toggle | mkocansey/bladewind-toggle |
Toggle |
| Verification Code | mkocansey/bladewind-code |
Verification Code / OTP |
Content group — mkocansey/bladewind-content
composer require mkocansey/bladewind-content
# or install any single component
composer require mkocansey/bladewind-accordion
composer require mkocansey/bladewind-chart
...
| Package | Composer name | Component(s) |
|---|---|---|
| Accordion | mkocansey/bladewind-accordion |
Accordion, Accordion Item |
| Avatar | mkocansey/bladewind-avatar |
Avatar, Avatars |
| Card | mkocansey/bladewind-card |
Card, Contact Card |
| Centered Content | mkocansey/bladewind-centered-content |
Centered Content |
| Chart | mkocansey/bladewind-chart |
Chart (line, bar, pie, donut) |
| Contact Card | mkocansey/bladewind-contact-card |
Contact Card |
| Empty State | mkocansey/bladewind-empty-state |
Empty State |
| Horizontal Line Graph | mkocansey/bladewind-horizontal-line-graph |
Horizontal Line Graph |
| List View | mkocansey/bladewind-listview |
List View, List View Item |
| Popover | mkocansey/bladewind-popover |
Popover |
| Progress | mkocansey/bladewind-progress |
Progress Bar, Progress Circle |
| Rating | mkocansey/bladewind-rating |
Rating |
| Sortable | mkocansey/bladewind-sortable |
Sortable, Sortable Item |
| Statistic | mkocansey/bladewind-statistic |
Statistic |
| Tag | mkocansey/bladewind-tag |
Tag, Tags |
| Timeline | mkocansey/bladewind-timeline |
Timeline, Timelines |
| Tooltip | mkocansey/bladewind-tooltip |
Tooltip |
Navigation group — mkocansey/bladewind-navigation
composer require mkocansey/bladewind-navigation
# or install any single component
composer require mkocansey/bladewind-tab
composer require mkocansey/bladewind-pagination
...
| Package | Composer name | Component(s) |
|---|---|---|
| Dropmenu | mkocansey/bladewind-dropmenu |
Dropmenu, Dropmenu Item |
| Pagination | mkocansey/bladewind-pagination |
Pagination |
| Tab | mkocansey/bladewind-tab |
Tab, Tab Body, Tab Content, Tab Heading |
| Theme Switcher | mkocansey/bladewind-theme-switcher |
Theme Switcher (light / dark) |
How groups work
The three group packages (bladewind-forms, bladewind-content, bladewind-navigation) contain no code — they are
pure Composer metapackages whose only job is to pull in the right leaf packages. This means:
- Installing
mkocansey/bladewind-contentis identical to installing every content leaf package individually. - Uninstalling it and requiring just
mkocansey/bladewind-accordionis clean and leaves nothing behind. - Each leaf package registers its own Laravel service provider, so components are auto-discovered whether you install them individually or as part of a group.
Customising defaults
Publish the config file (available when using the full mkocansey/bladewind package):
php artisan vendor:publish --tag=bladewind-config
This creates config/bladewind.php in your project. Every attribute in every component has a default defined here.
Override them once and all component instances in your project will follow suit.
Full customisation guide: bladewindui.com/customize
Documentation
The complete documentation with extensive examples for each component is available at bladewindui.com
Questions and support
- Email: mike@bladewindui.com
- Twitter / X: @bladewindui
- Security vulnerabilities: please e-mail rather than opening a public issue
License
BladewindUI is open-sourced software licensed under the MIT licence.
mkocansey/bladewind 适用场景与选型建议
mkocansey/bladewind 是一款 基于 JavaScript 开发的 Composer 扩展包，目前已累计 122.2k 次下载、GitHub Stars 达 683， 最近一次更新时间为 2022 年 05 月 15 日， 在 PHP 生态内属于活跃度较高的组件。
它主要适用于以下技术方向： 「laravel」 「blade」 「Ui Components」 「tailwindcss」 「bladewindui」 等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。
我们在过去多个企业项目中使用过 mkocansey/bladewind 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。
基于 mkocansey/bladewind 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。
线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。
承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。
与 mkocansey/bladewind 相关的其它包
同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：
Web Font Loader gives you added control when using linked fonts via @font-face.
Ariadne Component Library: xml writer and parser Component
Ariadne Component Library: Cache Component
Ariadne Component Library: hierarchical configuration management Component
Ariadne Component Library: user and group rights management Component
Ariadne Component Library: W3C style events Component
统计信息
- 总下载量： 122.2k
- 月度下载量： 0
- 日度下载量： 0
- 收藏数： 683
- 点击次数： 20
- 依赖项目数： 2
- 推荐数： 0
其他信息
- 授权协议： MIT
- 更新时间： 2022-05-15