Get started
New 3.0 stable

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.

Get Started Browse blocks
Image Slate — UI kit for Laravel Blade Product Hunt Slate featured on Dodo Payments Index
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

Beautifully designed components

Accessible Blade primitives with thoughtful defaults. Copy them. Extend them. Make them yours.

Open Code

Anonymous Blade templates you can copy and customize. You own the code.

Composition

A common interface across buttons, fields, dialogs, and menus.

Beautiful Defaults

Carefully chosen styles that work together out of the box.

Livewire-ready

Validation and loading without a React rewrite.

Accessible

Keyboard and screen-reader paths are part of the kit.

Open Source

MIT on Packagist. Start here, then make it your own.

Components

A collection of Blade components you can customize, extend, and build on.

Browse all components

Button

Variants and sizes

Mentions and replies

Occasional product notes

Checkbox

Labeled form controls

Email digests
Push alerts

Switch

Toggles for settings

Plan

Radio

Single-choice groups

Input

Text fields with labels

Select

Native selects for forms

Examples

Full-page layouts you can copy into your apps.

Sidebar

An app shell with sidebar navigation
Acme
Docs Billing Account

Header

Top navigation you can compose from blocks
Full-page examples

Installation

Add Slate to your Laravel app. Anonymous Blade components. Tailwind v4. Open Source.

composer require electrik/slate:^3.0
Installation guide Themes & tokens Need teams + billing? Electrik

Beautiful Illustrations

Animated UI scenes for landing pages. Looks like the product. Not a live screen.

Browse illustrations

Building Blocks

Clean, modern sections. Copy them into your Blade views.

View all blocks

Login

Auth card on a muted canvas

Pricing

Three-tier marketing strip

App shell

Header, sidebar, workspace

Fifty-plus components

Forms, overlays, layout, and feedback. Documented with live previews.

Browse components Full-page examples

Changelog

3.0.0

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

Read the changelog

Start here, then make it your own

Beautifully designed Blade components you can customize, extend, and build on. Open Source. Open Code.

Get started Browse components

Newsletter

Stay up to date

Occasional release notes. No spam.

Unsubscribe anytime. Listmonk + SES — privacy. Building a SaaS shell? Electrik.

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.