Blocks
Blocks are installable UI sections from electrik/slate-blocks, composed only from Slate primitives (<x-slate-block::*>).
Browse the live gallery:
Install
terminal
composer require electrik/slate-blocks
Scan block views in your CSS:
styles.css
@source '../../vendor/electrik/slate-blocks/resources/views/**/*.blade.php';
What’s included
| Block | Category |
|---|---|
| Hero | Marketing |
| Pricing | Marketing |
| Feature grid | Marketing |
| Logos | Marketing |
| FAQ | Marketing |
| CTA | Marketing |
| Testimonials | Marketing |
| Newsletter | Marketing |
| Footer | Marketing |
| Login | Auth |
| Register | Auth |
| Forgot password | Auth |
| App shell | Application |
| Settings | Application |
| Empty state | Application |
| Page header | Application |
| Stats row | Application |
| Billing cards | Application |
| Invite banner | Application |
| Danger zone | Application |
| Form validation | Forms |
| Toast action | Feedback |
| Confirm dialog | Feedback |
| Alert banner | Feedback |
How to use a block
example.blade.php
<x-slate-block::hero
title="Build with Slate"
description="Composable Blade sections for Laravel apps."
primary-href="/docs/getting-started/installation"
primary-label="Get started"
secondary-href="/components"
secondary-label="View components"
/>
For full pages, see Examples.