https://github.com/forxer/blade-ui-kit-bootstrap
Blade UI Kit components with Bootstrap styles.
https://github.com/forxer/blade-ui-kit-bootstrap
blade-components blade-ui-kit bootstrap laravel
Last synced: 2 months ago
JSON representation
Blade UI Kit components with Bootstrap styles.
- Host: GitHub
- URL: https://github.com/forxer/blade-ui-kit-bootstrap
- Owner: forxer
- License: mit
- Created: 2023-04-11T14:31:22.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2026-03-23T13:37:23.000Z (3 months ago)
- Last Synced: 2026-03-24T11:18:06.719Z (3 months ago)
- Topics: blade-components, blade-ui-kit, bootstrap, laravel
- Language: Blade
- Homepage:
- Size: 483 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
Blade UI kit Bootstrap
======================
This package provides several Blade components prepared for use with Bootstrap (4 and/or 5).
Well yes: not everyone uses Tailwind CSS 😊 ; and old projects continue to live and evolve with Bootstrap.
Features
--------
- **Many pre-built components** ready to use with Bootstrap 4 and 5
- **Automatic validation error handling** with Bootstrap's `is-invalid` class
- **Old value persistence** for form inputs after validation
- **Dual Bootstrap support** - Switch between Bootstrap 4 and 5 with a single configuration
- **Extensible** - Easy to create custom components extending the defaults
- **Interactive test pages** - Browse all components with live examples and code snippets
- **Translation support** - Works seamlessly with Laravel's localization
- **Action buttons** - Pre-configured buttons for common CRUD operations
Example
-------
For example a simple form with Bootstrap 5:
```blade
```
Will render the following HTML:
```html
Title
Save
```
And if there are validation errors:
```html
Title
The title field is mandatory.
```
Index
-----
- [Installation](./docs/installation.md)
- [Configuration](./docs/configuration.md)
- [Bootstrap version](./docs/bootstrap-version.md)
- [Forms](./docs/forms.md)
- [Form](./docs/forms.md#form)
- [Label](./docs/forms.md#label)
- [Error](./docs/forms.md#error)
- [Inputs](./docs/inputs/_index.md)
- [The `` element](./docs/inputs/_index.md#input)
- [Text](./docs/inputs/text.md)
- [Textarea](./docs/inputs/textarea.md)
- [Select](./docs/inputs/select.md)
- [Checkbox](./docs/inputs/checkbox.md)
- [Radio](./docs/inputs/radio.md)
- [Password](./docs/inputs/password.md)
- [Email](./docs/inputs/email.md)
- [Date](./docs/inputs/date.md)
- [Time](./docs/inputs/time.md)
- [Hidden](./docs/inputs/hidden.md)
- [Buttons](./docs/buttons/_index.md)
- [Simple button](./docs/buttons/simple-button.md)
- [Form button](./docs/buttons/form-button.md)
- [Link button](./docs/buttons/link-button.md)
- [Action Buttons](./docs/buttons/action-buttons.md)
- [Help info button](./docs/buttons/help-info-button.md)
- [Alerts](./docs/alerts.md)
- [Badges](./docs/badges.md)
- [Modals](./docs/modals.md)
- [Classic modal](./docs/modals.md#classic-modal)
- [Form modal](./docs/modals.md#form-modal)
- [Confirm modal](./docs/modals.md#confirm-modal)
- [Extending Components](./docs/extending-components.md)
- [Testing Pages](./docs/testing-pages.md)
Why and thanks
--------------
This package was initially an extension of [Blade UI Kit](https://blade-ui-kit.com/) to provide pre-styled components for Bootstrap. But by making it evolve we decided to decouple it from its parent. This simplifies the code as well as its use in our case.
This package is therefore largely inspired by [Blade UI Kit](https://blade-ui-kit.com/). A large part of the documentation comes from it. And we sincerely thank its contributors for the idea and what they have developed.
Alternatives
------------
- [Laravel bootstrap components](https://laravel-bootstrap-components.com/)