The Foundation for your Design System

A set of beautifully designed Blade components that you can customize, extend, and build on. Start here, then make it your own. Open Source. Open Code.

Badge Secondary Outline New
Set a goal
How much do you want to raise?

$8,000

Workspace

Overview Projects Billing Members

Account

Settings Support

Account access

Sign in to continue to Acme Inc.

New milestone

Notifications

Choose what we send you.

Comments

When someone mentions you.

Deploys

Build success and failures.

Marketing

Occasional product notes.

New message

Can we use Slate with Livewire forms?
Yes — validation and loading states are wired in.

Invite member

They’ll get access to this workspace.

Appearance

Toggle the document theme.

Dark mode

Public profile

Shown on comments and invites.

Visibility

Install in one Composer require

Anonymous Blade components, OKLCH tokens, Tailwind v4. No install command ritual.

composer require electrik/slate:^3.0

Blocks worth stealing

Login, settings, pricing, app shell — composed sections ready for your Blade views.

View all blocks

Fifty-plus components

Forms, overlays, layout, and feedback — documented with live previews.

Changelog

3.0.0

Stable release — forms, overlays, toast, sidebar, and theme tokens.

Read the changelog

Product Hunt

5.0 · 1 review

Read on Product Hunt →
Neeraj Kumar · Founder review

What's great

  • blade + livewire-first components
  • token theming / dark mode
  • copy-ready blocks & examples
  • docs + mcp for ai-assisted building
  • alpine where interaction is needed, not a js framework tax

Slate finally gives Laravel Blade the same “copy, compose, own” workflow people get from modern React kits — without leaving Blade or Livewire. The components feel intentional (forms, overlays, layout), theming is token-based, and the docs site (blocks, examples, themes, AI/MCP) makes it usable on day one instead of a dump of partials.

What needs improvement

Stable 3.0 is out — still expanding experimental surfaces (calendar/combobox depth, more blocks) and Livewire recipes. Would love settings/billing empty states and more production smoke apps.

vs Alternatives

Tailwind UI / custom Blade, Flux, Livewire Volt scaffolding, and shadcn-style React kits. Chose Slate because we want shadcn-inspired composition in Blade/Livewire without rewriting the app in React.