The Goldilocks Approach Alternatives

    The Goldilocks Approach is described as 'to Responsive Web Design - A good starting point for design that takes device resolution out of the equation' and is an website in the Development category. There are more than 50 alternatives to The Goldilocks Approach, not only websites but also apps for a variety of platforms, including Self-Hosted solutions, Mac, Windows and Linux. The best alternative is Bootstrap, which is both free and Open Source. Other great sites and apps similar to The Goldilocks Approach are Materialize (Free, Open Source), Foundation (Free, Open Source), Purecss (Free, Open Source) and Tailwind CSS (Free, Open Source).

    This page was last updated Oct 16, 2021

    1. 960 grid system with 12 columns for Responsive Web Design. PSD file which has the 960 grid setup for you based on 32px gutters/margins. Offsetting columns - if you need to position a column over by say 2 columns. Four main media queries: 1. browsers over 960px
      No screenshots yet
      • FreeOpen Source
      • Online
      • Self-Hosted
      Simple Grid is a CSS grid for your website.
      No screenshots yet


    2. Spectacularly Easy Responsive Design.
      No screenshots yet
    3. Responsable is a responsive HTML CSS LESS SCSS framework with clean markup, normalized CSS, and responsive images. It allows for nested columns for easy grid nesting and customization, and provides base styles for forms, tables, and typography for faster startup on your projects.

      Discontinued

      The official website is no longer available.

      No screenshots yet
    4. Refills are prepackaged patterns and components, built on top of Bourbon, Bitters and Neat.
      No screenshots yet


    5. 400+ material UI elements, 600+ material icons, 74 CSS animations, SASS files, templates, tutorials and many more. Free for personal and commercial use. Trusted by 1 000 000 + developers & designers. Used by such companies as Nike, Samsung, Amazon, Ikea, and Sony.
      show more
    6. Set column and gutter widths, choose the number of columns, and switch between pixels and percentages. All without any .grid_x classes in your markup. Oh, and did we mention it's responsive? Runs on LESS, SCSS, or Stylus. Read up on Smashing Mag.
      No screenshots yet
    7. Kube is one of the world's most advanced and flexible frameworks. Kube helps you spend less time on routine tasks and more time creating amazing products. Focus on success, and Kube will cover the technology behind it.
      No screenshots yet
    8. A grid system for responsive web design. Includes folding columns, elastic gutters, a zoomable baseline grid, and a delightful grid overlay script.
      No screenshots yet
    9. Google's front-end web framework for building sites to the Material Design specification.
      show more
    Showing 30 of 53 alternatives