Introducing Pollen

Functional CSS for the future

Pollen is a collection of CSS variables designed for rapid prototyping, consistent styling, and as a utility-first foundation for your own design systems.

What it looks like

Pollen has no buildstep, class naming conventions, or framework gotchas. It works in stylesheets, inline styles, and CSS-in-JS.

.button {
font: var(--font-sans);
padding: var(--spacing-1);
background: var(--color-blue);
color: white;
border-radius: var(--radius-2);
box-shadow: var(--elevation-1);
transition: background 150ms var(--easing-standard);
}

Modules

Love Pollen? Try Satchel 🎒

Satchel is a lightweight library of CSS-in-JS utilities that makes development easier. Get Satchel 👉 satchel.style