PHPackages                             twenycode/tweny-ui-kit - 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. twenycode/tweny-ui-kit

ActiveLibrary

twenycode/tweny-ui-kit
======================

A comprehensive set of Laravel Blade components to accelerate your UI development

v1.4.2(6mo ago)11431MITPHPPHP ^8.2

Since Mar 28Pushed 6mo agoCompare

[ Source](https://github.com/twenycode/blade-morph)[ Packagist](https://packagist.org/packages/twenycode/tweny-ui-kit)[ RSS](/packages/twenycode-tweny-ui-kit/feed)WikiDiscussions main Synced 1mo ago

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

Laravel BladeMorph Documentation
================================

[](#laravel-blademorph-documentation)

A comprehensive set of Laravel Blade components to accelerate your UI development.

This documentation provides comprehensive examples of each component in the Laravel BladeMorph package, showing both the Blade usage syntax and the resulting HTML output.

Table of Contents
-----------------

[](#table-of-contents)

- [Installation](#installation)
- [Button Components](#button-components)
    - [Button](#button)
    - [Button Group](#button-group)
    - [Delete Button](#delete-button)
- [Layout Components](#layout-components)
    - [Card](#card)
    - [Alert](#alert)
    - [Modal](#modal)
    - [Accordion](#accordion)
    - [Tab](#tab)
- [Form Components](#form-components)
    - [Form](#form)
    - [Form Group](#form-group)
    - [Input](#input)
    - [Email](#email)
    - [Password](#password)
    - [Textarea](#textarea)
    - [Checkbox](#checkbox)
    - [Radio](#radio)
    - [Select](#select)
    - [File Upload](#file-upload)
- [Navigation Components](#navigation-components)
    - [Nav Link](#nav-link)
    - [Dropdown](#dropdown)
    - [Breadcrumb](#breadcrumb)
    - [Pagination](#pagination)
- [Table Components](#table-components)
    - [Table](#table)
    - [Table Head](#table-head)
    - [Table Body](#table-body)
- [Advanced Usage](#advanced-usage)
    - [AJAX Form Support](#ajax-form-support)
    - [Validation Integration](#validation-integration)
    - [Component Customization](#component-customization)

Installation
------------

[](#installation)

### 1. Install Laravel BladeMorph

[](#1-install-laravel-blademorph)

```
composer require twenycode/blademorph
```

This will automatically register the service provider.

### 2. Install Bootstrap 5 via Laravel UI

[](#2-install-bootstrap-5-via-laravel-ui)

```
php artisan ui bootstrap
```

Then compile the assets:

```
npm install
npm run dev
```

### 3. Optional: Publish Configuration

[](#3-optional-publish-configuration)

```
# Publish configuration
php artisan vendor:publish --tag="blademorph-config"
```

To customize the component views:

```
# Publish views for customization
php artisan vendor:publish --tag="blademorph-views"
```

Button Components
-----------------

[](#button-components)

### Button

[](#button)

The Button component creates a versatile Bootstrap button with support for various styles, states, and icons.

#### Basic Usage

[](#basic-usage)

```

```

**Output HTML:**

```

  Click Me

```

#### Submit Button with Success Color

[](#submit-button-with-success-color)

```

```

**Output HTML:**

```

    Save

```

#### Button with Icon

[](#button-with-icon)

```

```

**Output HTML:**

```

     Add Item

```

#### Loading State Button

[](#loading-state-button)

```

```

**Output HTML:**

```

    Processing...

```

#### Full Button Parameters

[](#full-button-parameters)

ParameterTypeDefaultDescription`type`string'button'Button type (button, submit, reset)`id`stringauto-generatedButton ID attribute`label`string'Submit'Button text`color`string'primary'Bootstrap color (primary, secondary, success, danger, warning, info, light, dark)`size`stringnullButton size (sm, lg)`outline`booleanfalseUse outline style`loading`booleanfalseShow loading state`loadingText`stringnullText to show when loading`icon`stringnullIcon class (e.g., 'fas fa-save')`iconPosition`string'left'Icon position ('left' or 'right')### Button Group

[](#button-group)

The Button Group component groups multiple buttons together in a horizontal or vertical layout.

#### Basic Button Group

[](#basic-button-group)

```

```

**Output HTML:**

```

    Left
    Middle
    Right

```

#### Vertical Button Group

[](#vertical-button-group)

```

```

**Output HTML:**

```

    Top
    Middle
    Bottom

```

#### Small-sized Button Group

[](#small-sized-button-group)

```

```

**Output HTML:**

```

    Small 1
    Small 2

```

#### Button Group Parameters

[](#button-group-parameters)

ParameterTypeDefaultDescription`size`string''Button group size (sm, lg)`vertical`booleanfalseUse vertical layout`toolbar`booleanfalseCreate a button toolbar### Delete Button

[](#delete-button)

The Delete Button component provides a specialized button for delete actions with a built-in confirmation dialog.

```

```

**Output HTML:**

```

         Delete

```

#### Custom Delete Button

[](#custom-delete-button)

```

```

**Output HTML:**

```

        Delete Post

```

#### Delete Button Parameters

[](#delete-button-parameters)

ParameterTypeDefaultDescription`action`stringrequiredForm action URL for delete`label`string' Delete'Button label`confirmMessage`string'Do you want to delete this item?'Confirmation messageContributing
------------

[](#contributing)

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

Credits
-------

[](#credits)

- [TWENY LIMITED](https://tweny.co.tz)
- [All Contributors](../../contributors)

###  Health Score

39

—

LowBetter than 86% of packages

Maintenance66

Regular maintenance activity

Popularity13

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity58

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 89.8% 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 ~14 days

Recently: every ~20 days

Total

16

Last Release

200d ago

PHP version history (3 changes)v1.0.0PHP ^8.0

v1.0.1PHP ^8.2

v1.4.0PHP ^8.0|^8.2

### Community

Maintainers

![](https://www.gravatar.com/avatar/4262bfc7a120069dad1c67e8eff51541d6db1a2704f097c474cf7ccceb7e9e94?d=identicon)[twenyltd](/maintainers/twenyltd)

---

Top Contributors

[![antweny](https://avatars.githubusercontent.com/u/28085591?v=4)](https://github.com/antweny "antweny (53 commits)")[![twenyltd](https://avatars.githubusercontent.com/u/129292622?v=4)](https://github.com/twenyltd "twenyltd (6 commits)")

### Embed Badge

![Health badge](/badges/twenycode-tweny-ui-kit/health.svg)

```
[![Health](https://phpackages.com/badges/twenycode-tweny-ui-kit/health.svg)](https://phpackages.com/packages/twenycode-tweny-ui-kit)
```

###  Alternatives

[bagisto/bagisto

Bagisto Laravel E-Commerce

26.2k161.6k7](/packages/bagisto-bagisto)[grumpydictator/firefly-iii

Firefly III: a personal finances manager.

22.8k69.3k](/packages/grumpydictator-firefly-iii)[krayin/laravel-crm

Krayin CRM

22.0k32.8k1](/packages/krayin-laravel-crm)[unopim/unopim

UnoPim Laravel PIM

9.4k1.8k](/packages/unopim-unopim)[beyondcode/laravel-confirm-email

Add email verification to your Laravel projects.

55255.8k](/packages/beyondcode-laravel-confirm-email)[sebastienheyd/boilerplate

Laravel Boilerplate based on AdminLTE 3 with blade components, user management, roles, permissions, logs viewer, ...

28618.2k3](/packages/sebastienheyd-boilerplate)

PHPackages © 2026

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