Documentation

Write plain HTML and every element is styled, responsive and ready for light and dark mode. Classes are optional, use them when you want a variant.

These docs cover every Iris CSS 1.x release. See what changed in each one.

Overview

Link one stylesheet and start writing HTML.

Customize

Change any value with a --i- custom property.

Elements

Native HTML elements, styled without a single class.

Form

Inputs, selects, switches and native validation.

Layout

Containers, grids and primitives that adapt without media queries.

Modifiers

Short classes for color, style, size and state.

Helpers

Single purpose utilities that win over components.

Accessibility

ARIA styles, focus rings and user preferences.

Examples

Whole pages built with Iris CSS, ready to copy.