Blocks

Building blocks for Laravel UI

Curated sections from electrik/slate-blocks, composed from Slate primitives. Preview them live, then install the package in your app.

Hero

Marketing

Centered marketing hero with dual CTAs.

Open

Pricing

Marketing

Three-tier pricing strip with badges and CTAs.

Open

Feature grid

Marketing

Headline plus a responsive grid of feature cards.

Open

Logos

Marketing

Muted logo strip for social proof.

Open

FAQ

Marketing

Accordion FAQ section with optional footer link.

Open

CTA

Marketing

Centered call-to-action band with dual buttons.

Open

Testimonials

Marketing

Quote cards in a responsive grid.

Open

Newsletter

Marketing

Email capture section with slot for the form.

Open

Footer

Marketing

Marketing footer with link columns and legal row.

Open

Login

Auth

Email and password sign-in card on a muted canvas.

Open

Register

Auth

Create-account form with terms checkbox.

Open

Forgot password

Auth

Reset-password request card.

Open

App shell

Application

Header, collapsible sidebar, and main workspace.

Open

Settings

Application

Profile fields, notification switches, and a danger zone.

Open

Empty state

Application

Centered empty composition with media, copy, and actions.

Open

Page header

Application

Title, description, and trailing actions for app pages.

Open

Stats row

Application

Compact metric cards in a responsive row.

Open

Billing cards

Application

Current plan and payment method summary cards.

Open

Invite banner

Application

Inline banner to invite teammates.

Open

Danger zone

Application

Destructive alert with confirm action.

Open

Form validation

Forms

Progressive field errors for static and Livewire-style demos.

Open

Toast action

Feedback

Card that dispatches slate-toast events from a button.

Open

Confirm dialog

Feedback

Alert dialog pattern for irreversible actions.

Open

Alert banner

Feedback

Full-width status banner with optional action.

Open