Slate: shadcn-style UI for Laravel in Blade
Discover Slate (electrik/slate), a shadcn-inspired Blade UI kit for Laravel utilizing Tailwind CSS v4 and Livewire without React.
Stock photo for illustration only, not from the actual event
- Slate brings shadcn-like composition to Laravel using Blade.
- Built with Tailwind CSS v4 and anonymous components, no React required.
- Shipped as a single Composer package with dark mode and Livewire support.
- Currently in alpha (v3.x) while polishing accessibility and stability.
If you have ever wanted a shadcn-like component structure in Laravel and ended up integrating React into a Blade application or managing a massive tree of pasted components, Slate is built to solve that exact problem.
Slate (electrik/slate) is a shadcn-inspired Blade UI kit featuring anonymous components, Tailwind CSS v4, owned design tokens, dark mode, and Livewire-aware forms. It packs everything into a single Composer package with no need for npx add or React.
Regarding its current status, version 3.x (3.0.0-alpha.4) is in alpha. The core surface is available, and developers are actively hardening accessibility (a11y) and overall polish before moving to a stable release. It is fine to try out, though you should expect a few rough edges.
Adapting the popular shadcn/ui paradigm from the React ecosystem into Laravel Blade provides a compelling option for PHP developers who want modern UI components without adding heavy JavaScript framework overhead to their backend-driven applications.
Instead of traditional heavy scaffolding packages, Slate functions strictly as a UI kit where developers can quickly install, import CSS, and utilize clean HTML tags.
You can install the package via Composer with the following command:
composer require electrik/slate:^3.0@alpha
Developers who build projects with it or encounter sharp edges during the alpha phase are encouraged to open issues on GitHub to provide valuable feedback for the upcoming stable release.
Source: Dev.to
Found something wrong in this article? Report an issue with this article
Comments
Leave a Comment