framer

a web craftsman’s tool, making a light task of creating wireframes and prototypes of websites.

Demo →

Features

framer is new and in active development. It’s improving, and can use your help!

• Powered with Compass, Blueprint, HAML, SASS, jQuery, Sinatra, and Ruby.
• Lorem Ipsum generator to quickly place text.
• Fake content with faker, and make it easy to design a user-centered experience.
• Helpers make everything from generating links to dropping placeholder images a few keystrokes away.
• Design palette for easy color reference, grid toggling and other bits.
• Automatically generate static views to share with clients.

Download

Usage

1. install

git clone git://github.com/nex3/haml.git
cd haml
sudo rake install
sudo gem install chriseppstein-compass --source=http://gems.github.com/
sudo gem install RedCloth lorem faker sinatra

if you haven’t already downloaded framer, get it with git:

git clone git://github.com/seaofclouds/framer.git

2. run it

cd framer
ruby framer.app

visit http://localhost:4567/ in your browser.

3. haxxxx!

edit views, stylesheets and javascript with tools you know: jquery, haml, sass, and ruby.

framer is new and in active development. It’s improving, and can use your help!

Contribute

Bring your code slinging skills to Github and help us develop new features for framer!

git clone git://github.com/seaofclouds/framer.git

Thanks

• blake mizerany, for sinatra. awesome, awesome sinatra.
• hampton catlin for haml, sass and making my life so much easier.
• ryan tomayko for staticizer, something i’ve wanted to do in sinatra for a long time.
• chris eppstein, for compass. without it, i never would have used blueprint.
• christian montoya for blueprint
• to all you CSS developers out there who strive for something better, and easier
• leffe for refreshing breaks during development

Licensed under the MIT License