View as Markdown Open in v0 Open in ChatGPT Open in Claude Open in Scira

# Documentation

A set of beautifully designed Blade components that you can customize, extend, and build on. Open Source. Open Code.

## Get Started

```bash
composer require electrik/slate:^3.0
```

Then import `slate.css` after Tailwind. See [Installation](/docs/getting-started/installation).

```blade
<x-slate::button>Click me</x-slate::button>
```

## Next

- [Introduction](/docs/getting-started/introduction)
- [Components](/components)
- [Blocks](/blocks)
- [Illustrations](/illustrations)
- [Examples](/examples)
- [Themes](/themes)

Documentation

A set of beautifully designed Blade components that you can customize, extend, and build on. Open Source. Open Code.

Get Started

terminal

composer require electrik/slate:^3.0

composer require electrik/slate:^3.0

Then import slate.css after Tailwind. See Installation.

example.blade.php

<x-slate::button>Click me</x-slate::button>

<x-slate::button>Click me</x-slate::button>