Download the PHP package basekit-laravel/basekit-laravel-ui without Composer

Basekit Laravel UI

Build polished Laravel interfaces without rebuilding the same UI components every time. Basekit Laravel UI is a collection of 35 production-ready Blade components for Laravel, powered by Tailwind CSS and Alpine.js. Buttons, inputs, modals, tables, dropdowns, tabs, toasts, pagination and more — ready to drop into your Laravel application and customize to match your brand.

Explore all components in the style guide and read the full docs at basekit‑laravel.github.io/basekit‑laravel‑ui.

✨ Why Basekit?

Laravel makes building applications enjoyable. Building and maintaining the same buttons, inputs, modals, dropdowns and other UI primitives for every application doesn't.

Basekit gives you a reusable UI foundation while keeping you in the Laravel ecosystem:

• 🧩 35 ready-to-use components — from form controls to modals, tables, navigation and feedback.
• 🧱 Blade first — use familiar Laravel Blade components instead of adopting another frontend framework.
• 🎨 Tailwind CSS — works naturally alongside your existing Tailwind application.
• 🖌️ Easy theming — customize colors, spacing and other design tokens with CSS variables.
• ⚡ Alpine-powered interactions — interactive components without building a JavaScript application.
• 🎯 IDE friendly — PHP component classes provide autocomplete and discoverable APIs.
• 🔧 Own the markup when you need to — publish component views and customize them directly.
• 📦 Ship less CSS — enable only the components you use and build an optimized stylesheet.

🚀 Quick Start

Install the package:

Import Basekit's CSS into your application's stylesheet:

If you're already using Livewire, Alpine.js is available through @livewireScripts.

Otherwise, include Alpine.js in your layout:

Now use Basekit components directly from Blade:

That's it. No component scaffolding required.

See the installation guide for more details.

🎨 Built for Customization

Basekit comes with sensible defaults, but gives you full control when you need it.

CSS Variables

For quick customization, override Basekit's CSS variables in your application:

Publishing Views

Publish component views for full customization:

Published views are copied to resources/views/vendor/basekit/ and automatically override package components.

Publish the Configuration

Need more control over components, variants, sizes, and defaults? Publish the configuration file:

Customize the Theme

Publish the Basekit CSS theme to customize the source styles directly:

Build Your CSS

Build an optimized stylesheet based on your configuration:

While developing, use watch mode to automatically rebuild when your configuration or styles change:

Need complete control over the markup? You can also publish the component views and customize them directly:

Learn more about theming and customization.

🧩 Available Components

The package includes 35 components organized into 8 categories.

📝 Form Components (10)

• Button
• Input
• Textarea
• Checkbox
• Radio
• Select
• Multi‑Select
• Toggle
• Fieldset
• Copy Button

💬 Feedback Components (7)

• Alert
• Toast
• Tooltip
• Progress
• Spinner
• Skeleton
• Empty State

🧭 Navigation Components (5)

• Breadcrumb
• Pagination
• Tabs
• Dropdown Menu
• Link

📐 Layout Components (4)

• Stack
• Grid
• Container
• Divider

📊 Display Components (7)

• Table
• List
• Description List
• Stat
• Card
• Badge
• Avatar

🪟 Overlay Components (2)

• Modal
• Accordion

🛠️ Utilities (2)

• SEO
• Theme Variables

Browse all available components in the style guide and read the full docs at basekit-laravel.github.io/basekit-laravel-ui.

⚡ Ship Only What You Use

Basekit can build its stylesheet based on the components enabled in your configuration.

In the included bundle-size comparison:

• All components: ~200 KB
• 3 components: ~55 KB
• Reduction: ~73%

Configure the components you need:

Then build your optimized stylesheet:

Use watch mode while developing:

📚 Documentation

Explore the full documentation for installation, configuration, theming and component APIs.

Want to see everything first?

Browse the interactive component style guide →

📄 License

Basekit Laravel UI is open-source software licensed under the MIT License.