Slate: shadcn-style UI for Laravel — in Blade, not React
If you’ve ever wanted shadcn-like composition in Laravel and ended up with React in a Blade app (or a paste tree of components you now own forever), that’s the gap Slate fills. Slate ( electrik/slate ) is a shadcn-inspired Blade UI kit : anonymous components, Tailwind CSS v4, owned design tokens, dark mode, Livewire-aware forms. One Composer package. No npx add . No React. Status: 3.x is alpha (…
Slate is an open-source Blade UI kit inspired by shadcn, designed to provide composition-like features for Laravel applications while maintaining simplicity and avoiding the use of React. It offers anonymous components, Tailwind CSS v4, owned design tokens, dark mode support, and Livewire-aware forms. The package is available as a single Composer installation, without the need for npx or third-party themes.
Slate is currently in alpha (3.0.0-alpha.4), with further work on accessibility and polish before a stable release. The primary reason for choosing Blade over other Laravel UI solutions is to avoid heavy admin frameworks or copy-paste CLI kits that may drift from the upstream. Instead, Slate relies on importing CSS and using Blade tags for component usage.
It includes theming tokens, dark mode, overlays for dialogs, sheets, and drawers, and blocks for common patterns like login, settings, and pricing. The kit also provides documentation, including markdown and AI-ready files, to assist developers in working with Blade projects. To use Slate, install the package with Composer, import the required CSS, and utilize the x-slate component tags.
Theming is achieved through custom tokens, rather than third-party theme packages. Dark mode is built-in as a first-class feature. The project offers an llms.txt file, a read-only MCP (Model Control Plane) for documentation and Blade source, and a remote MCP for local development using npx. Note that Slate is not suitable for projects requiring React or Vue components, or for those seeking a full SaaS or admin starter kit.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.