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.

7 Comments
  1. Reply Création sites dijon May 21, 2012 at 3:41 AM

    It’s seems to be a very interessant framework

  2. Reply Keith May 21, 2012 at 3:24 PM

    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.

  3. Reply Umut M. May 22, 2012 at 12:16 AM

    @Keith,

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

  4. Reply Keith May 22, 2012 at 2:16 PM

    @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).

  5. Reply Chuck May 30, 2012 at 1:24 PM

    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.

  6. Reply Chuck May 30, 2012 at 1:26 PM

    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.

  7. Reply Nick June 10, 2013 at 9:55 AM

    There is a gumby menu generator at http://gumby-css.codedorigin.com. It uses the standard menu and generates css for custom menu colors.

Leave a reply

Search