Blade Components is a hand-crafted, UI component library
for building consistent web experiences in Laravel apps.
composer require ddfsn/blade-components
Every detail is built for speed and consistency. Create stunning, fully themeable interfaces with ease, without the complexity.
Blade Components integrate effortlessly with Laravel, using Blade to create reusable UI elements.
Built with TailwindCSS, the components follow consistent design patterns for a uniform and modern UI.
Dark mode support is baked in, ensuring a seamless, consistent look across color schemes.
Composable components let you build complex UIs from simple, readable pieces, just clean Blade.
Components engineered for seamless integration. Each is designed with consistent patterns and constraints to ensure visual and functional uniformity across your UI.
Image element, with a fallback, for graphically representing the user.
Primary control for any action, supporting both anchors and buttons.
Displays the path to the current resource using a hierarchy of links.
Name
Website
Display related information in a single unit, optionally providing related actions.
Display text that requires attention or provides additional information.
A contained label that shows the status of an element.
Blade Components is a hand-crafted UI component library for Laravel, offering pre-built components like buttons, alerts, cards, and badges. It aims to help developers build consistent and maintainable interfaces quickly.
It's ideal for Laravel developers who want to streamline their front-end development using reusable, Tailwind CSS-compatible components. It supports projects ranging from startups to enterprise-level applications.
You can install Blade Components using Composer. Check out the docs to get started.
Yes, it integrates smoothly with Laravel Livewire, allowing you to build dynamic, reactive interfaces without writing JavaScript.
Yes, it's maintained by Distorted Fusion and is open for community contributions.
Select
↵Open
Close