Download

Get the CSS files and start building.

Full Bundle

The complete Stoneware package: reset, tokens, components, and utilities.

Download stoneware.css

Includes:

  • CSS Reset
  • Design Tokens (CSS Variables)
  • Base Element Styles
  • All Component Classes (sw- prefixed)
  • Utility Classes
  • Dark Mode Support
<link rel="stylesheet" href="stoneware.css">

Tokens Only

Just the CSS custom properties for building your own components.

Download stoneware-tokens.css

Includes:

  • Design Tokens (CSS Variables)
  • Dark Mode Support
  • No reset, no component styles
<link rel="stylesheet" href="stoneware-tokens.css">

/* Then use tokens in your CSS */
.my-button {
  background: var(--sw-primary);
  color: var(--sw-text-inverse);
  padding: var(--sw-space-3) var(--sw-space-5);
  border-radius: var(--sw-radius-lg);
}

Individual Components

Copy component CSS directly from the documentation pages. Each component page includes the HTML markup and CSS styles.

Browse components:

File Sizes

File Size (minified)
stoneware.css ~25 KB
stoneware-tokens.css ~4 KB

Enable Dark Mode

<html data-theme="dark">

All tokens automatically adapt. No additional CSS required.

Browser Support

  • Chrome/Edge 88+
  • Firefox 78+
  • Safari 14+

No IE11 support.