Compass Plugins

Note: This page has been ported to the new docs.

Compass allows you to easily download, install, and upgrade plugins that share design and design elements between users and projects.

For instructions on how to install a plugin, please refer to the individual plugin’s instructions.

Instructions on how to create your own extension (it’s easy!): http://compass-style.org/docs/tutorials/extensions/

Released Plugins

Most gem based plugins can be found here.

960.gs – a lightweight CSS framework for producing fixed-width grid-based layouts
Grid Coordinates – a lightweight CSS framework for producing fixed-width grid-based layouts, based on 1KB CSS Grid (which was loosely based on 960.gs). Supports nested grids.
GraphPaper – a lightweight CSS framework for producing fixed-width grid-based layouts
Baseline – a CSS framework for producing grid-based layouts (up to 8 columns) with typography. See http://baselinecss.com/.
Susy – a semantic CSS framework creator. Susy is an expert at fluid grids in an elastic (or fluid, or fixed) shell that will never activate the horizontal scroll bar.
Less Framework 4 – a cross-device CSS grid system based on using inline media queries.
52 Framework – an HTML5 and CSS3 ready grid framework.
Twitter Bootstrap – Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. And now you can add it to compass.
Foundation – Foundation is a toolkit from ZURB:http://foundation.zurb.com/ designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, grids, and more. And now you can add it to compass.
Blankwork – Flexible Grid System – Blankwork is a flexible and semantic grid system. No additional markup, just pure layout. You can view more on www.blankwork.net

Fancy Buttons – mixins to get beautiful buttons with CSS gradients that degrade nicely. Uses Compass Colors.
jQuery – adds jRails, jQuery, jQuery UI, jQTouch and some other jQuery plugins to compass (see example app) .

Slickmap – plugin for slickmap sitemaps
HTML5 Boilerplate – The professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site based on Paul Irish’s HTML5 Boilerplate template.
Responsive Sass Gem – Responsive Sass currently supports the Frameless grid, background image resizing, killing mobile zoom and works in all modern desktop/mobile browsers.
normalize.css – the famous normalize.css framework.