PHPackages                             sudippalash/blade-components - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. sudippalash/blade-components

ActiveLibrary

sudippalash/blade-components
============================

Laravel package for provides a set of blade components

1.2.0(8mo ago)06291MITBladePHP ^7.3|^8.0

Since Nov 27Pushed 8mo ago1 watchersCompare

[ Source](https://github.com/sudippalash/blade-components)[ Packagist](https://packagist.org/packages/sudippalash/blade-components)[ Docs](https://github.com/sudippalash/blade-components)[ RSS](/packages/sudippalash-blade-components/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (1)Versions (23)Used By (0)

Blade Components
----------------

[](#blade-components)

[![alt text](https://github.com/sudippalash/blade-components/raw/master/img.jpg?raw=true)](https://github.com/sudippalash/blade-components/blob/master/img.jpg?raw=true)

[![Latest Version on Packagist](https://camo.githubusercontent.com/70264909b33f2fff8aaa3e282832504f2330eca5bc61d66c6f04117b69ffd2bd/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f737564697070616c6173682f626c6164652d636f6d706f6e656e74733f7374796c653d666c61742d737175617265)](https://packagist.org/packages/sudippalash/blade-components)[![Total Downloads](https://camo.githubusercontent.com/62bac54cd2cc46e7973936010efeec57dac2ba53bfb62d203e9661095f996ec7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f737564697070616c6173682f626c6164652d636f6d706f6e656e74733f7374796c653d666c61742d737175617265)](https://packagist.org/packages/sudippalash/blade-components)

`blade-components` package provides a set of blade components

Install
-------

[](#install)

Via Composer

```
composer require sudippalash/blade-components
```

You can publish the config file with:

```
php artisan vendor:publish --provider="Sudip\BladeComponents\Providers\AppServiceProvider" --tag=config
```

You can publish the lang file with (optional):

```
php artisan vendor:publish --provider="Sudip\BladeComponents\Providers\AppServiceProvider" --tag=lang
```

You can publish blade files with (optional):

```
php artisan vendor:publish --provider="Sudip\BladeComponents\Providers\AppServiceProvider" --tag=views
```

In `config/blade-components.php` config file you should set your data.

```
return [
    /*
    |--------------------------------------------------------------------------
    | Platform
    |--------------------------------------------------------------------------
    |
    | Which platform you use in your application. Example: bootstrap3 or bootstrap4 or bootstrap5
    | Note: you should add platform CSS and JS library
    |
    */

    'platform' => 'bootstrap5',

    /*
    |--------------------------------------------------------------------------
    | Pagination
    |--------------------------------------------------------------------------
    |
    | Pagination dropdown use in your application. Example: ['15', '25', '50', '100']
    |
    */

    'pagination_options' => ['15', '25', '50', '100'],

    /*
    |--------------------------------------------------------------------------
    | Paginate Default Limit
    |--------------------------------------------------------------------------
    |
    | Per page pagination limit default selected item dropdown use in your application. Example: 15 / 25 / 50 / 100
    |
    */

    'paginate_default_limit' => 25,

    /*
    |--------------------------------------------------------------------------
    | Action Group button CSS class
    |--------------------------------------------------------------------------
    |
    | You can add additional class name as per your project requirement
    |
    */

    'action_group_btn_class' => null,

    /*
    |--------------------------------------------------------------------------
    | Import modal button CSS class
    |--------------------------------------------------------------------------
    |
    | You can add additional class name as per your project requirement
    |
    */

    'import_modal_btn_class' => null,

    /*
    |--------------------------------------------------------------------------
    | Styles Default Stack
    |--------------------------------------------------------------------------
    |
    | Styles to push in appropriate stack
    |
    */

    'styles_stack' => 'styles',

    /*
    |--------------------------------------------------------------------------
    | Scripts Default Stack
    |--------------------------------------------------------------------------
    |
    | Scripts to push in appropriate stack
    |
    */

    'scripts_stack' => 'scripts',

    /*
    |--------------------------------------------------------------------------
    | Seo Meta Form
    |--------------------------------------------------------------------------
    |
    | SEO Tag input append your form. This is for  component.
    | background_color : null or any css color. Example: null, rgba(0,0,0,.02), #F0F0F0
    | background_padding : null or any css support padding. Example: null, 15px, 1rem
    | title_show : true or false. If you want to hide or show title.
    | label_col : bootstrap col- class name. If you want to show horizontal label otherwise leave it to null. Example: null, col-md-*
    | input_col : bootstrap col- class name. If you want to show horizontal input otherwise leave it to null. Example: null, col-md-*
    |
    */

    'seo_form' => [
        'background_color' => null,
        'background_padding' => null,
        'title_show' => true,
        'label_col' => null,
        'input_col' => null,
    ],

    /*
    |--------------------------------------------------------------------------
    | Seo Meta Default Section
    |--------------------------------------------------------------------------
    |
    | SEO Tag section push in appropriate yield. This is for  component.
    | If you leave it null then you should pass your own section name to sectionName parameter.
    |
    */

    'seo_section' => 'seo',

    /*
    |--------------------------------------------------------------------------
    | Search Container
    |--------------------------------------------------------------------------
    |
    | Search container show in offcanvas or accordion. This is for  and  components.
    | search_offcanvas : true or false. If you want to show search container in offcanvas then set it to true otherwise false. offcanvas support in bootstrap 5 only.
    | filter_btn_class : filter button class name. Example: btn-sm btn-success
    | search_btn_class : search button class name. Example: btn-primary
    | reset_btn_class : reset button class name. Example: btn-warning
    |
    */
    'search_offcanvas' => false,
    'filter_btn_class' => 'btn-sm btn-success',
    'search_btn_class' => 'btn-primary',
    'reset_btn_class' => 'btn-warning',
];
```

Usage
-----

[](#usage)

#### 1 .Pagination row:

[](#1-pagination-row)

```

```

#### 2. Action group:

[](#2-action-group)

```

    Dropdown list here

```

#### 3. File Input Field:

[](#3-file-input-field)

```

```

#### 4. Image Input Field:

[](#4-image-input-field)

```

```

#### 5. Import Modal:

[](#5-import-modal)

```
Import Users

```

#### 6. SEO Input Fields:

[](#6-seo-input-fields)

```

```

#### 7. SEO data push to main blade File:

[](#7-seo-data-push-to-main-blade-file)

```

```

#### 8. Search Container &amp; Button(Optional)

[](#8-search-container--buttonoptional)

```

    ...

```

###  Health Score

40

—

FairBetter than 87% of packages

Maintenance63

Regular maintenance activity

Popularity16

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity60

Established project with proven stability

 Bus Factor1

Top contributor holds 91.5% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~47 days

Recently: every ~71 days

Total

22

Last Release

254d ago

PHP version history (2 changes)v1.0.7PHP ^7.3|^8.0

1.1.3PHP ^7.3|^8.3

### Community

Maintainers

![](https://www.gravatar.com/avatar/5e4dad3b25d885d7ee33085d1a82851871161020923a26ac2b2276e5950c201a?d=identicon)[sudippalash](/maintainers/sudippalash)

---

Top Contributors

[![sudippalash](https://avatars.githubusercontent.com/u/16589727?v=4)](https://github.com/sudippalash "sudippalash (43 commits)")[![ferdousanam](https://avatars.githubusercontent.com/u/40851904?v=4)](https://github.com/ferdousanam "ferdousanam (4 commits)")

---

Tags

laravelSudipLaravel provides a set of blade componentsProvides a set of blade components

### Embed Badge

![Health badge](/badges/sudippalash-blade-components/health.svg)

```
[![Health](https://phpackages.com/badges/sudippalash-blade-components/health.svg)](https://phpackages.com/packages/sudippalash-blade-components)
```

###  Alternatives

[anourvalar/eloquent-serialize

Laravel Query Builder (Eloquent) serialization

11320.2M21](/packages/anourvalar-eloquent-serialize)[api-platform/laravel

API Platform support for Laravel

59126.4k5](/packages/api-platform-laravel)[codewithdennis/larament

Larament is a time-saving starter kit to quickly launch Laravel 13.x projects. It includes FilamentPHP 5.x pre-installed and configured, along with additional tools and features to streamline your development workflow.

3691.5k](/packages/codewithdennis-larament)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
