Popular Open Source CSS Frameworks for Developers

Whether you’re a CSS rookie or frontend virtuoso, frameworks can be used effectively during the early stages of development. Crafting a website from scratch is sometimes useful and oftentimes necessary. But it’s not the only solution in this wacky open source wonderland.

I’ve put together a large handful of free open source CSS frameworks related to every topic including mobile design, grid design, UI kits, animations, and typography. A good framework can be truly beneficial when you need to finish a project real quick and don’t have a need to hand-code everything from scratch. Take a look over some of these CSS libraries and see if you could try anything in future design work.

Topcoat

topcoat open source css framework webapps

UIkit

ui kit open source framework frontend design

Semantic UI

semantic ui open source code framework

Blueprint

framework grids design css blueprint open source

Foundation

foundation frontend development framework zurb

Animate.css

open source animate css framework

Skeleton

skeleton open source css grid framework

G5Framework

g5 framework css grid system free

Workless

workless open source frontend framework web applications

52framework

open source framework webdesign 52framework

Baseline

baseline css open source framework grids

Ink

ink interface kit framework free

TukTuk

tuktuk open source css framework

Groundwork CSS

groundwork css responsive framework frontend

Metro UI

metro flat ui kit open source framework

Fluidable

fluidable css grid framework open source

Pure CSS

pure css open source framework kit

KNACSS

knacss open source framework responsive minimalist code

Search