04 Apr 2015

Another CSS Front-End Framework?

Over the past few weeks I’ve been building, quite possibly, the worlds most pretentious front-end css framework. (Eat it Tyler Brûlé). Chocolate is a lightweight, responsive front-end, that is wrapped in a “swiss” (or international) design style. Inspired by the modernist graphic design movement which rose to popularity in the 1950’s, this framework was built from the ground up with the twelve-column grid system in mind.

Here is a live demo


Chocolate is a responsive CSS framework which is not only lightweight and highly customizable, but also very simple to use. Built on top of SASS, Chocolate ships as standard CSS but can also be compiled from source. Like many frameworks out there, I implemented a 12 column grid system to organize and align content. The grids are sized to replicate print material which I sourced for inspiration. In addition to the basic grid, I’ve also included a few essential components such as buttons, tables, and image helper classes.

Get Started

You can download Chocolate through Bower

bower install chocolate

or visit this website to download the zip archive.


This is an ongoing project of mine which I will actively contribute to when I have the time. More component modules will be added in the coming weeks. And as always contributions are more than welcome. If you would like to learn more about the design style, Smashing Magazine published this lovely article on it a few years ago. I’d love to hear any feedback, suggestions, pull requests, issues, bugs, complaints, abuse or otherwise.

1. bash

Last updated: Sun May 31 17:29:48 on ttys000
Rohan-Likhites-MacBook-Pro:~ rohanlikhite$ cd Documents
Rohan-Likhites-MacBook-Pro:Documents rohanlikhite$ cat myBio.txt

>I am a Javascript developer currently working in Toronto, Canada. I have experience designing, building and testing enterprise applications for the web as well as for desktop/mobile platforms, and AR/VR headsets. I enjoy modern art, Formula One, green tea and play tennis in my spare time.

> JavaScript ES6, Dart Lang, Coffescript, Vue, Meteor, Ruby, Rails, HTML5, Slim, CSS3, SASS, Bootstrap/Foundation/Chocolate, Capybara, Intern, Jenkins, Java, C#, Objective C, Source Code Management (GIT + SVN), Bower, Unity3D, Open Frameworks, Processing, MAX MSP, VPT7, Adobe Creative Suite, Autocad, Revit, Oculus Rift, META SpaceGlass.

Other Interests
-Formula One

Github: imRohan
Dribbble: imRohan
LinkedIn: rohan-likhite
Twitter: @rohanlikhite
Medium: @RohanLikhite

>Press ESC to close window
>Lovingly crafted by Rohan Likhite - 2015

Rohan-Likhites-MacBook-Pro:Documents rohanlikhite$