Documentation

Slate can be added to any site or build process capable of building SASS. This makes it ideal for systems like Laravel, Ruby or .NET Core.

yarn add @slateengine/slatesass @slateengine/slatesasskits

Configuring Slate

Slate is a Swiss army knife. Build anything. Build it fast. Learn how to make it adapt to your workflow right here.

HTML Form's

Slate contains a number of mixin's to help you very quickly build out html forms, complete with validation states using either classes or native HTML5 validation.

Grid System

One grid to rule them all. Slates grid system is really powerful and adaptable to any design you can dream up. Coding complex layouts has never been easier.

Typography

Good typography is one thing often overlooked on a lot of websites. Don't let your next site build make the same mistake.

Helper Mixins

Small mixins that can accomplish great things like help you embed videos responsively, use custom fonts, and calculate REM units like a boss.