Clank: open source prototyping framework for mobile apps
CSS JavaScript CoffeeScript Ruby
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
dist
font-generation-templates 0.2 - first commit - changes will be documented Nov 20, 2013
fonts
images
js/clank Fixes to popovers and add generic class for touch context (to fix cla… Dec 21, 2013
scss
states No caps Dec 21, 2013
tests
.gitignore
.htaccess
CONTRIBUTORS.md
Gruntfile.coffee
LICENSE.md
README.md
animation.html
bower.json Bump bower version and change naming convention for package.json Dec 21, 2013
config.rb
device-wraps.html Bump version, add jquery extended input as popover depends on it Nov 27, 2013
index.html
orientation.html
os-switch.html
package.json Bump bower version and change naming convention for package.json Dec 21, 2013

README.md

Clank README

What is Clank?

Clank is an open source HTML/CSS prototyping framework for tablet and smartphone apps. Think of it as Twitter Bootstrap but for prototyping native apps.

Demos

View the demos

How to use

Depending on your HTML/CSS skill level you can choose to use the Clank CSS files as "standalone" assets and build your prototype with HTML only. Refer to getclank.com for documentation on which markup and CSS classes to use.

This repository provides a sample config.rb to work with Compass - you can run compass watch and the SCSS will compile to CSS.

If you want to take things a bit further (SCSS generation + icon font generation) do the following:

  • Make sure you have bower and grunt set up.
  • Run npm install and bower install to install the necessary dependencies.
  • Run grunt watch to watch for SCSS changes and to generate the icon fonts.

For a full workflow for making a prototype and documenting it you can use the Clank-Jekyll project.

Acknowledgements

Clank was inspired and uses parts of Ratchet.

Contributing

Open a Github issue if you have any feedback or ideas.