A cards-based UI framework for mobile and desktop apps, built on top of Bootstrap

Downloads in past


1,032201.1.29 years ago9 years agoMinified + gzip package size for bootcards in KB


Bootcards: A cards-based UI framework with dual-pane capability for mobile and desktop, built on top of Bootstrap
Bootcards is a cards-based UI framework. It is built on top of Bootstrap and uses it's responsive features. Bootcards has a native look on Android, iOS and desktop. Unlike most other UI frameworks, it includes a dual-pane interface for tablet users.
Why Bootcards?
We think Cards are the design pattern for mobile of the future. The near future that is. Cards are appearing already on sites and apps like Twitter, Google Now, Facebook, Spotify, Pinterest, and Amazon. To kickstart your (and our) projects we decided to create Bootcards.
The current version of Bootcards is stable, but always work in progress. We built a demo app showcasing what the framework (and your apps) can look like using NodeJS. You'll find it here (note that adding, saving and deleting items is not implemented). Please let us know what you think!
Want to help or want to know more? Drop us a note at Look for more info at and follow us on Twitter (
Bootcards is released under an MIT license. It contains code from the Twitter Bootstrap and Ratchet projects (both also MIT licensed).
To build the Bootcards source files using Grunt you'll need:
  • Node & NPM
  • Grunt: npm install -g grunt-cli
  • Ruby: check if it's install by running ruby -v in your terminal. (should be Ok if you're on Linux or Mac OS X, otherwise see
  • Sass: install using Ruby by running: gem install sass

Bootcards uses Grunt to build the source files. You'lou will need Sass too to compile CSS files from the Sass source files.