Usage no npm install needed!

<script type="module">
  import pollenCss from 'https://cdn.skypack.dev/pollen-css';
</script>

README

Pollen

Utility-first CSS for the future

Introduction

Size

Pollen is a standards-driven, utility-first CSS library inspired by Tailwind. It generates a configurable collection of CSS variables that can be used anywhere to encourage consistency, maintainability, and rapid development.

What it looks like

Pollen'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 preprocessors, class naming conventions, or any new non-standard syntax.

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

Documentation

Read the full documentation at pollen.style