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.


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


Clank was inspired and uses parts of Ratchet.


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

Become a better Android Developer
Millions of developers are learning at MindOrks

Online Training Program

Featured Blogs

Our Team

MindOrks is Certainly one of the best online blog to stay on top of all the Android development news, coding and design patterns. Finally a blog I can count on to keep myself updated with latest and greatest things happening in Android world.

Vipul Shah
Android Developer

Become Pro in Android by watching videos