1. DDFSN
  3. Overview
Overview
  • Available Releases
    74
  • Storage Usage
    3.4 Gb
  • Packages
    19 / Unlimited
  • Total Installs
    29,873
Total Installs Over Time

Showing total installs for the last 3 months.

Configuring Your Repository

Refer to the installation instructions for guidance on authenticating against your repository.

Installation Instructions
Most Downloaded Packages

Showing most downloaded packages over time.

laravel-tailwind-layout
distortedfusion
4,067
livewire-support
distortedfusion
3,668
livewire-index
distortedfusion
3,612
fontawesome-pro-icons-duotone
distortedfusion
3,384
fontawesome-pro-icons-solid
distortedfusion
3,382
ddfsn / blade-components

Blade Components

Blade Components is a hand-crafted, UI component library
for building consistent web experiences in Laravel apps.

Getting Started

Seamless Integration with Laravel

Blade Components integrate effortlessly with Laravel, using Blade to create reusable UI elements.

Consistent and Cohesive UI Design

Built with TailwindCSS, the components follow consistent design patterns for a uniform and modern UI.

Dark Mode

Dark mode support is baked in, ensuring a seamless, consistent look across color schemes.

Composable Components

Composable components let you build complex UIs from simple, readable pieces, just clean Blade.

Built for Cohesion. Optimized for Consistency.

Components engineered for seamless integration. Each is designed with consistent patterns and constraints to ensure visual and functional uniformity across your UI.

Browse all components

Avatar

Image element, with a fallback, for graphically representing the user.

Button

Primary control for any action, supporting both anchors and buttons.

  1. DDFSN
  5. Blade Components

Breadcrumb

Displays the path to the current resource using a hierarchy of links.

Company Details
Name
Distorted Fusion
Website
distortedfusion.com

Card

Display related information in a single unit, optionally providing related actions.

Alert

Display text that requires attention or provides additional information.

Badge

A contained label that shows the status of an element.

Powering web experiences

from startups to enterprises

  • DevNomads
  • ecommit
  • Elevn
  • Trimbelle
  • VPInstruments
  • Z.ART

Efficiency Meets Consistency with Our Complementary Packages

Build faster and smarter with packages tailor-made for Blade components, designed to streamline development and ensure a consistent UI.

Blade Colors

Blade Colors provides Tailwind CSS-compatible color palettes built with CSS variables.

Learn more

What's your company called?

Blade Forms

A collection of Blade form components designed to streamline the creation of user-friendly, accessible, and visually appealing forms in Laravel applications.

Learn more

Frequently asked questions

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.