Susy was a lightweight grid-layout engine for Sass, originally released in 2009. Over time, it became one of the most popular layout frameworks on the web, before retiring in 2020.

| open source

Susy

Popular CSS layout framework used (at one point) by Virgin America, The Smithsonian, and others.

Bookmark from OddBird

My constant search for a better grid system ended when I discovered Susy. It is very likely that Susy is what you’re looking for as well.

—Zell Liew, Learning Susy [book]

I like the idea of grids-on-demand, rather than a strict framework.

—Chris Coyier, CSS Tricks

My experiments have left me impressed. The current state of CSS layout means that unless you like to spend a lot of time doing calculations something like Susy is really useful. The output CSS is pretty much what I’d come up with myself, which to me is the acid test for tool use.

—Rachel Andrew, Invited Expert to the CSS Working Group

If you’re interested in reading Sass poetry, be sure to look at Susy’s source code!

—Kitty Giraudel, SitePoint

Susy & Zendesk have been getting along magically… It’s precisely what you need and nothing more.

—Stephany Varga, Zendesk Creative Collection

My constant search for a better grid system ended when I discovered Susy. It is very likely that Susy is what you’re looking for as well.

—Zell Liew, Learning Susy

Learning Susy, by Zell Liew

cover art

Zell Liew wrote a great book to get you started with Susy. Here are some of the things that you’ll learn:

Everything 'Susy'