Gumby – Responsive CSS Framework With A Web UI Kit

Gumby is a responsive and 960px-grid CSS grid framework that can be customized to work in every resolution with almost no effort.

Its fluid-fixed layout self-optimizes the content for desktop, tablet and mobile resolutions and there is support for nested grids.

Gumby CSS Framework

Similar to Twitter Bootstrap, it includes a web UI Kit of good looking buttons, forms, navigation + tabs and a tiny JavaScript file that brings these components to life.

Gumby has multiple versions to download: 12 columns, 16 columns, a hybrid one or an all-in-one package. And, there are PSD files provided to ease designing with the grid.

The framework is very well-documented, has demos for all of its features and totally free to use.

  • It’s seems to be a very interessant framework

  • Is it just me, or does the Gumby page completely non-functional under Chrome (version 19.0.1084.46 m)?

    Looks really nice with IE, though.

  • @Keith,

    Works fine on my end with Chrome, same version -Windows.

  • @Umut M.
    Thanks for the verification. It still goes blank for me when viewed in Chrome, so maybe I’ll try to figure out what’s unique with my Chrome install (or just re-install to be sure).

  • I had the same problem with Chrome — entire page turns black and is unresponsive. I have the same version as Keith.

    I was able to pin point ui.css as the culprit, specifically, in the section concerned with video. If I block or remove the following CSS code:

    .video video, .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    then my pages render without an issue in Chrome.

    Hope that helps.

  • I should clarify that the only pages where I had a problem were those pages that loaded ui.css. Otherwise, Chrome does fine with Gumby Framework.

  • There is a gumby menu generator at It uses the standard menu and generates css for custom menu colors.