Slipstream

Utility-first CSS for the future

Introduction

Slipstream is a standards-driven, utility-oriented SCSS library based on both pollen and open-props, and largely inspired by Tailwind. It is a collection of SCSS variables that can be used anywhere to promote consistency, maintainability and rapid development.

What it looks like

Slipstream's low-level variables can be used to build any design. They're easy to customise and extend, and they're globally responsive. They don't require postprocessors (like postcss), class naming conventions, or any new non-standard syntax.

.button {
  font-size: $scale-00;
  font-weight: $font-medium;
  padding: $size-2 $size-3;
  background: $color-blue;
  border-radius: $radius-sm;
  box-shadow: $elevation-2;
  color: white;
}