• Susy is a lightweight grid-layout engine for Sass, designed to simplify and clarify responsive grid layouts without ever getting in your way. Originally released in 2009, Susy has become one of the most popular layout frameworks on the web.


    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!

    Hugo 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

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

    15 ‘susy’ episodes

    2019

    Don’t Use My Grid System @ Boulder Python

    | talk | Boulder, CO

    Explore the history of web layout with the creator of Susy – why grid systems exist, how they work, and practical tips to avoid using them.

    2018

    2017

    2016

    2014

    Book – Learning SusyZell Liew

    | project

    2012

    2009

    Susy: layout toolkitOddBird

    | project

    Susy is a lightweight grid-layout engine for Sass, designed to simplify and clarify responsive grid layouts without ever getting in your way. Originally released in 2009, Susy has become one of the most popular layout frameworks on the web.