BladewindUI: Super simple but elegant Laravel blade-based UI component library using TailwindCSS and vanilla Javascript
logo
Beautifully crafted UI components for your Laravel applications.
With over 40 components at your disposal, you can build experiences like what is shown in the demo below in no time. Even works seamlessly with most of Laravel's starter kits.
One line of code unpacks a ton of useful features.
This library follows the Laravel way of simplicity and development fun.
<x-bladewind::avatar image="/assets/images/edwin.jpeg" />
<x-bladewind::toggle bar="thicker" />
<x-bladewind::alert>Your storage is 80% full</x:bladewind::alert>
<x-bladewind::datepicker type="range" />
<x-bladewind::filepicker accepted_file_types="images/*" />
Only install the components you need. Not everything.
All components are standalone composer packages and can be installed separately. Dependencies are automatically carried along.
composer require mkocansey/bladewind-table
Now with an MCP Server to support your favourite AI tools.
This means tools like Claude Desktop, Cursor, and VS Code Copilot can answer questions about BladewindUI components, generate correct usage examples, and look up attribute names and defaults
BladewindUI components shine even in dark mode.
Customizing dark mode in BladewinUI is as easy as setting your preferred dark colour and voila!
Your profile
/assets/images/francis.png
John C. Doe
john.doe@bladewindui.com
Mobile Network Penetration
MTN: 55%
Vodafone: 30%
AirtelTigo: 65%

You have no biometric data uploaded

v4.1.0