Powerful CSS libraries and frameworks

On 11 Oct, 2013 in CSS with Comments

Starting new design project? Using a CSS framework can save lot of time and help you to create a response layout with ease. Here we present some of our favorite CSS frameworks which we have used in lot of our web design projects which helped us to reduce lot of coding time and get good design. Try this CSS Frameworks, boilerplate or libraries it will help you code more efficient while building websites and Mobile apps



Sleek, intuitive, and powerful front-end framework for faster and easier web development.Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well.

Source: http://twitter.github.io/bootstrap/index.html



Using Foundation Responsive design gets lighter, faster and more advanced, so you can code smarter. you can build for small devices first. Then, as devices get larger and larger, layer in more complexity.

Source: http://foundation.zurb.com/



Compass is an open-source CSS authoring framework which uses the Sass stylesheet language to make writing stylesheets powerful and easy. If you’re not familiar with Sass, you can take a look at these simple tutorials to get caught up.

Source: http://compass-style.org/

Profound Grid


A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.

Make the grid fluid or fixed and add per-media layouts as needed. Change the column and gutter widths and remove or add columns as needed.The grid keeps your markup semantic and works without any “grid_x” classes. Unless you want to use them, in which case they are included.Profound Grid uses negative margins to calculate columns. Unlike with other grid systems, fluid layouts will look exactly the same in every browser.

Source: http://www.profoundgrid.com/



Kube — Professional CSS-framework

Minimalistic and sufficient for everything, adaptive and responsive. Revolutionary flexible grid and beautiful typography. Absolute freedom with no imposed styling.

Source: http://imperavi.com/kube/



Performance is #1 goal for Topcoat. Every component they design is benchmarked for performance as they say at topcoat.io

Source: http://topcoat.io/



Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone. Skeleton is built on three core principles. Responsive Grid Down To Mobile Skeleton has a familiar, lightweight 960 grid as its base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait).

Source: http://www.getskeleton.com/

Pure CSS


A set of small, responsive CSS modules that you can use in every web project. Pure is ridiculously tiny. The entire set of modules clocks in at 4.4KB* minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you’ll save even more bytes.

Source: http://purecss.io/



KNACSS is a minimalist, responsive and extensible style sheet to kick-start your HTML / CSS projects. It relies on common best practices and experience on the topic. Designed by Alsacreations agency and used on a daily basis in production, KNACSS is not only a 8KB lightweight documented framework but also a CSS reset, adapted to every project no matter its size. It handles basic elements, good practises, box sizing, margins, floats, simple and complex aligns, positioning, layout grids, gutters, old IE fallbacks and last but not least responsiveness, everything automagically !

Source: http://www.knacss.com/

Metro UI


Create site in Windows 8 style now! Metro UI CSS allows to create a Web site in the style of Windows 8 quickly and without distractions on routine tasks.

Source: http://metroui.org.ua/
Tags: , , , , , ,