October 1, 2014 / Melissa Faudree

I created a short list of some front-end frameworks for developers. You can find many frameworks all over the web. However, picking the right framework for your project can be a difficult. It is important to consider and select features that fit your needs. Also finding a framework that is lightweight while being easy to utilize so that it does not interfere with the building process. Here are some possible frameworks to keep in mind.

1. WebplateGet Webplate

Webplate is a front-end framework that uses responsive layout to create elements such as buttons, forms, models and icons to build a website. Webplate includes Velocity.js, Hammer.js, Typeplate, JQuery, and Modernizr.

Website: http://getwebplate.com/
GitHub: https://github.com/chrishumboldt/webplate
Docs: http://getwebplate.com/documentation


2. Roots


Roots is a toolbox for front-end developers that are working on custom builds. Roots contains a variety of features such as fast live reload, uses one file for multiple languages, and minifies HTML, CSS, and JS on set up.

Website: http://roots.cx/
GitHub: https://github.com/jenius/roots
Docs: http://roots.cx/docs/


3. ApplePie


ApplePie isn’t your grandma’s pie. ApplePie is a modular and semantic CSS framework. ApplePie is also responsive. The toolkit is built on Sass. However, if you are unfamiliar with SASS ApplePie has a CSS version. Some of the components of ApplePie include buttons, notifications, tab panel, grid system, and horizontal menu.

Website: http://www.apppie.org/
GitHub: https://github.com/railsware/applepie
Toolkit: http://www.apppie.org/pages/toolkit/getting_started.html


4. ChocolateChip UI

ChocolateChip UI

Calling all chocolate lovers. ChocolateChip-UI is framework for creating mobile apps. It is composed of HTML5 markup, CSS, and JavaScript. ChocolateChip-UI was built on jQuery. It supports iOS, Android and Windows. Tasty, right?

Website: http://www.chocolatechip-ui.com/
GitHub: https://github.com/sourcebitsllc/chocolatechip-ui
Docs: http://www.chocolatechip-ui.com/documentation#/building


5. Kube


Kube is a responsive, flexible and minimal framework. The framework consists of one CSS file and two Java Script files. Some of the JS tools include selectable tabs, buttons that can toggle or switch, fixed navigation, and much more. Kube is a great base for starting any new project while not being overly complex.

Website: http://imperavi.com/kube/
GitHub: https://github.com/imperavi/kube


What are some of your favorite front-end frameworks?

Posted In: Blog, Programming