The Goldilocks Approach!

You will need version 4 or higher of `firefox` https://www.mozilla.org/firefox
to run Pencil as a Firefox Extension. Linux users will need version 4 or higher of either `firefox`, `iceweasel` or `xulrunner` https://developer.mozilla.org/en-US/docs/Mozilla/Projects/XULRunner,
or version 25 or higher of `palemoon` https://www.palemoon.org/.
The Windows installer and OS X archive has everything you need built-in. Windows, Linux, OS X & Firefox Packages are available for download from the Releases Page https://github.com/prikhi/pencil/releases.
You can also install the Firefox Add-on from the Mozilla Add-on Repository https://addons.mozilla.org/en-US/firefox/addon/pencil-prototyping/.
To install the OS X package, unzip the archive and copy the `Pencil.app` folder t

The Goldilocks Approach alternatives

  • Skeleton

  • Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles:

    tags: css css-framework css-grid-system
  • Materialize

  • Materialize is a modern responsive CSS framework based on Material Design by Google

    tags: css-framework design-framework framework material-design mobile-framework
  • Purecss

  • A set of small, responsive CSS modules that you can use in every web project.

    tags: css-grid-system html5 responsive-web-design ui-framework ui-prototyping
  • Spectre.css

  • Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development.

    tags: css css-framework css3 web-design web-development
  • GroundworkCSS

  • GroundworkCSS is a 100% free and open source responsive HTML5, CSS and JavaScript Framework.

    tags: css-framework html5 javascript-framework responsive-css responsive-web-design
  • Material Design Lite

  • An implementation of Material Design components in vanilla CSS, JS, and HTML.

    tags: css-framework web-design
  • Picnicss

  • Advantages

    tags: css css-framework css-grid-system css3 design
  • Refills

  • Refills are prepackaged patterns and components, built on top of Bourbon, Bitters and Neat.

    tags: css css-framework css-grid-system css3 development
  • Element UI

  • A Vue.js 2.0 UI Toolkit for Web.https://github.com/ElemeFE/element

    tags: css-framework framework javascript ui-framework vue
  • Kube Web Framework

  • 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.

    tags: css-development css-framework javascript-framework
  • The Semantic Grid System

  • Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.

    tags: development responsive-web-design web-development
  • Responsable

  • 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.

    tags: Discontinued css css-framework css-grid-system css3