No frameworks

I build all my frameworks from scratch after using several. Now, the only remaining thing I use, as a framework, in the grid. The rest, is pretty much built from 0.

Tachyons for life yo.

When I was learning CSS, I used Foundation and Bootstrap.

Then, I started writing all my CSS from scratch.

A few months ago, I started using Tachyons. And I don’t think I’ll ever go back.

I love Foundation. The grid lets me do awesome things, and I can Include whichever components I need for each specific project. Saves me a lot of time and effort.

Susy!

I still roll with Bootstrap. It's great if you use it right. If you go into the bootstrap.scss file and comment all all the @include lines you don't need you can customize it easily. It also decreases overhead drastically. Plus, the framework and grid are just rock solid and tested thoroughly.

I love Basscss is very powerful

Neat sans Bourbon from Thoughtbot

https://milligram.github.io/

I'm love with UIKit these days.

I used to go with foundation/bootstrap, but realized that I was not using their components very much and worse I was overriding a lot of css rules to fit my design - it's like coding against the framework :/ Now I use skeleton and it's easier, ligther, faster, and gives you way more control :)

For production sites, I wouldn't use one. The big ones (bootstrap, foundation) are way too opinionated and hard to customize.

I used to use Bootstrap quite a bit. At work, I use Foundation, but have outgrown it and will be rolling our own soon.

For my own projects, I will start from scratch except for the grid. I created my own grid framework because I couldn't find one that met my preferred naming scheme and had all features that I needed/wanted: https://github.com/alexchantastic/lattice.css.

Im really on board of doing my own framework. I think that if you start doing your own frameworks you start to figure out how much code you really need for your project. Eventually you get a really cool framework that you can use in many projects and you keep improving it...

I use my own framework, mini.css: https://github.com/Chalarangelo/mini.css It's tiny, responsive, does not force me to use a specific style or naming convnentions and I can always extend it infinitely. Oh, and it contains no Javascript at all!

After flexbox became stable in most browsers I've been using that rather than a CSS grid system. Typography has been more of a concern now, and Sassline does a great job of sorting this. Then I use normalize to sort minor inconsistencies and this set of flexbox mixins https://github.com/mastastealth/sass-flex-mixin

Sorted

Currently rolling our own at Mixd - http://github.com/mixd/frontend-framework along with my own grid system - http://github.com/lukewhitehouse/groot

Tried a few then basically ended up using a "starter kit" that's evolved from our own projects / needs and periodically add in bits and pieces that have been useful.

It's here if anyone wants to take a poke around https://github.com/Offroadcode/Offroadcode-Starter-Kit

We do still currently use the grid from Kraken which is a great little framework https://cferdinandi.github.io/kraken/

I often use Tapestry

It's mobile first, follow SuitCSS guidelines, has every base components, maintainers are active…

It's not really famous, but do the job.

Historically I've always done everything from the ground up but recently I started working on my own framework/set of tools based on the types of things I find myself rewriting the most often. Its mostly stuff in SCSS (mixins/functions/variables) so it doesn't add that much bloat to the project.

I usually start out with Bourbon/Neat, but in the end usually end up rolling my own. However, I find file structure/import flow something I try to be ever-mindful of, and generally abide by Brad Frost's Atomic principles (with a few tweaks).

I've found Base to be an exceptional replacement for Bootstrap/Foundation. I've found it easy to avoid bloat while providing utility classes and those easy-to-forget styles like tables and blockquotes.

Class names for the grid are .col-12 and .col-6-m which is very human friendly as opposed to other systems that basically design via div classes like: fl w-100 w-50-ns pa2

I always use the grid from Pure.

I agree with Diego, I start everything from scratch for the sole purpose of avoiding unnecessary bloat and having to override things I don't want. I also use a grid framework and a preset normalize file.

The pros to a framework are that it comes pre polished and covers all your bases.

The cons are the bloat, and for me, the uniformity. When I used frameworks I felt like I was stuck in a little box.