# Electrik Slate - UI kit for Laravel Blade

> UI kit for Laravel Blade

```yaml
url: "https://www.scrolllaunch.com/products/electrik-slate"
website: "https://slate.electrik.dev"
tier: free
upvotes: 0
launch_week: 2026-W45
launched: "Week 45, 2026"
categories: "Design Resources, DevTool, Other"
tags: "UI kit, Laravel, Tailwind CSS"
pricing: Open Source
maker: Neeraj Kumar
created: 2026-08-21
logo: "https://res.cloudinary.com/dwb211sw5/image/upload/v1787294073/scrolllaunch/products/prefill_69ef49e98f70993cfc2cbc69_1787294073040_logo_1.png"
cover: "https://res.cloudinary.com/dwb211sw5/image/upload/v1787294073/scrolllaunch/products/prefill_69ef49e98f70993cfc2cbc69_1787294073032_cover_1.jpg"
```

## About Electrik Slate

Electrik Slate provides a comprehensive UI kit for Laravel Blade, designed for developers and designers looking to build beautiful applications. It features a collection of customizable Blade components, OKLCH design tokens, and Tailwind CSS v4 support, making it easy to create a cohesive design system.

This kit is perfect for those who want to streamline their development process with ready-to-use components and forms that integrate seamlessly with Livewire. With Electrik Slate, you can focus on building your application without getting bogged down by design details.

## Overview

### Who is it for?

Developers and designers using Laravel and Livewire.

### Problem

Electrik Slate solves the problem of inconsistent UI design and lengthy development times by providing a set of pre-designed, customizable components that integrate with Laravel Blade and Livewire.

### Solution

It offers a library of Blade components that are easy to implement and customize. Developers can quickly build user interfaces without needing to design each element from scratch, saving time and ensuring design consistency across applications.

### What makes it unique

Electrik Slate stands out with its focus on Laravel Blade and Livewire integration, offering anonymous Blade components and a design system that leverages Tailwind CSS v4. Its open-source nature allows for flexibility and community contributions.

## Use cases

1. [UI design](https://www.scrolllaunch.com/use-cases/ui-design)
2. [Component customization](https://www.scrolllaunch.com/use-cases/component-customization)
3. [Rapid prototyping](https://www.scrolllaunch.com/use-cases/rapid-prototyping)
4. [Laravel development](https://www.scrolllaunch.com/use-cases/laravel-development)

## Details

### Pricing model

- [Open Source](https://www.scrolllaunch.com/pricing-models/open_source)

### Collections

- [Design Resources Products for Web](https://www.scrolllaunch.com/categories/design-resources/web)
- [DevTool Products for Web](https://www.scrolllaunch.com/categories/devtool/web)
- [Tailwind CSS Products for Web](https://www.scrolllaunch.com/tech/tailwind-css/web)
- [Design Resources Products built with Tailwind CSS](https://www.scrolllaunch.com/tech/tailwind-css/design-resources)
- [Open Source Web Products](https://www.scrolllaunch.com/platforms/web/open_source)
- [DevTool Products built with Tailwind CSS](https://www.scrolllaunch.com/tech/tailwind-css/devtool)
- [laravel Products for Web](https://www.scrolllaunch.com/tech/laravel/web)
- [Open Source DevTool Products](https://www.scrolllaunch.com/categories/devtool/open_source)

### Platforms

- [Web](https://www.scrolllaunch.com/platforms/web)

### Tech stack

- [Tailwind CSS](https://www.scrolllaunch.com/tech/tailwind-css)
- [Laravel](https://www.scrolllaunch.com/tech/laravel)
- [Livewire](https://www.scrolllaunch.com/tech/livewire)

### Tags

`#UI kit` · `#Laravel` · `#Tailwind CSS`

### Keywords

- [Laravel UI kit](https://www.scrolllaunch.com/keywords/laravel-ui-kit)
- [Blade components](https://www.scrolllaunch.com/keywords/blade-components)
- [Tailwind CSS](https://www.scrolllaunch.com/keywords/tailwind-css)

## Media

![Electrik Slate logo](https://res.cloudinary.com/dwb211sw5/image/upload/v1787294073/scrolllaunch/products/prefill_69ef49e98f70993cfc2cbc69_1787294073040_logo_1.png)

![Electrik Slate cover](https://res.cloudinary.com/dwb211sw5/image/upload/v1787294073/scrolllaunch/products/prefill_69ef49e98f70993cfc2cbc69_1787294073032_cover_1.jpg)

## Links

- Website: https://slate.electrik.dev
- GitHub: https://github.com/electrikhq/slate
- Twitter / X: https://x.com/electrikhq
- Product Hunt: https://www.producthunt.com/products/slate-ui-kit-for-laravel-blade?utm_source=slate&utm_medium=site_embed
- Pricing page: https://slate.electrik.dev/blocks/pricing

## Explore

- [More in Design Resources](https://www.scrolllaunch.com/categories/design-resources)
- [More in DevTool](https://www.scrolllaunch.com/categories/devtool)
- [More in Other](https://www.scrolllaunch.com/categories/other)
- [All product launches](https://www.scrolllaunch.com/products)
- [Other launches in Week 45, 2026](https://www.scrolllaunch.com/week/2026/45)

_HTML version: https://www.scrolllaunch.com/products/electrik-slate_