Download the PHP package basekit-laravel/basekit-laravel-ui without Composer
On this page you can find all versions of the php package basekit-laravel/basekit-laravel-ui. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download basekit-laravel/basekit-laravel-ui
More information about basekit-laravel/basekit-laravel-ui
Files in basekit-laravel/basekit-laravel-ui
Package basekit-laravel-ui
Short Description A modular Laravel UI component library with reusable Blade components, Tailwind 4 theming, and a built-in style guide.
License MIT
Informations about the package basekit-laravel-ui
Basekit Laravel UI
A modular Laravel UI component library built with Blade components, Tailwind 4 CSS, and Alpine.js for rich, interactive interfaces.
Create rich, production‑ready UIs faster with 33 pre‑built components, configurable theming, and a built‑in style guide.
Explore all components in the style guide and read the full docs at basekit‑laravel.github.io/basekit‑laravel‑ui.
🌟 Features
- 🎨 Tailwind 4 CSS‑based theming – Runtime customization via CSS variables.
- ✨ Heroicons integration – Beautiful icons out of the box.
- 🔧 Component toggle & defaults – Enable/disable components and set default variants and sizes.
- 🌲 Component‑aware CSS build – Include CSS only for enabled components.
- 🎯 Type‑safe components – PHP classes with IDE autocomplete.
- 📦 Publishable views – Customize component templates directly.
📦 Installation
Basic Setup
Install via Composer:
Include the CSS in your main CSS file:
Include Alpine.js
Several Basekit components (Accordion, Dropdown Menu, Input password toggle, Modal, Multi-Select, Tabs, Toast, Tooltip, and Table) require Alpine.js. Add it to your layout:
Or with Livewire, use @livewireScripts which includes Alpine.js automatically:
See the installation guide for more details.
Advanced Setup
Publish the configuration file:
Publish the CSS theme:
Build optimized CSS based on your configuration:
For development, use watch mode:
🧩 Available Components
The package includes 33 components organized into 6 categories.
Form Components (8)
Feedback Components (7)
Navigation Components (5)
Layout Components (4)
Display Components (7)
Dialog & Overlay (2)
🧾 Example Form
Browse all available components in the style guide and read the full docs at basekit-laravel.github.io/basekit-laravel-ui.
⚙️ Configuration
Edit config/basekit-laravel-ui.php to customize components:
After changing configuration, rebuild CSS:
For development, use watch mode:
🎨 Customization
CSS Variables
Override theme variables in your CSS:
See the full list of available variables in the Complete CSS variable reference in the documentation.
Publishing Views
Publish component views for full customization:
Published views are copied to resources/views/vendor/basekit/ and automatically override package components.
📐 Styling Conventions
- Component CSS uses BEM with the
bk-prefix (blocks, elements, and modifiers). - Tailwind utilities are for component usage in Blade markup (layout, spacing, overrides).
- When combining classes, Tailwind Merge handles conflicts for the
classattribute.
🧪 CI Quality Checks
The CI workflow validates production readiness on pushes and pull requests by running:
- Feature tests:
php vendor/bin/pest --no-coverage - CSS build:
./vendor/bin/testbench basekit:ui:build - Styleguide generation:
./vendor/bin/testbench basekit:ui:styleguide - CSS/docs token sync guard:
bash tools/verify-doc-token-sync.sh
You can run these locally before opening a pull request.
⚡ Performance
Component‑based builds can significantly reduce bundle size:
- Full bundle (all components): ~200KB
- Minimal config (3 components): ~55KB
- Reduction: 73%
🔄 Migration
See CHANGELOG.md for version changes and migration guides.
📚 Documentation
Full documentation available at:
https://basekit-laravel.github.io/basekit-laravel-ui
See also:
- IMPLEMENTATION.md — Architecture and development guide
- STRUCTURE.md — Component organization and relationships
📄 License
The MIT License (MIT). Please see the LICENSE file for more information.
All versions of basekit-laravel-ui with dependencies
illuminate/support Version ^12.0|^13.0
illuminate/view Version ^12.0|^13.0
blade-ui-kit/blade-heroicons Version ^2.0
gehrisandro/tailwind-merge-laravel Version ^1.4