I’m partial to Bootstrap, but have recently strayed away from it because I found myself relying too heavily on the default styles. Next I tried Zurb Foundation which I really liked. I used it to build the VPSstat.us blog and main site.
To help make sense of it all, usabli.ca put together a GitHub repository dedicated to indexing all (or most) of the frontend frameworks. It’s definitely worth checking out, especially if you’re in the market for a new framework or just want to see what options are out there.
Lately I’ve been using Purecss. I think it’s a nice middle ground, providing just enough to get me going quickly on most projects. Purecss can also make use of some Bootstrap elements and scripts, like modals. I’ve been using Purecss with kegplan.io. It forces me to come up with design elements not part of the framework itself, but only where needed.
Update Dec 12, 2013: A few comments were left noting some frameworks that are missing. I added Layers CSS and also fixed the link to Twitter Bootstrap. I’ve also created a branch to add the Inuit.css framework, but there’s currently a pull request pending to add Inuit CSS, however it seems to have stalled. So we’ll see if I can send a pull request in the next day or so for Inuit CSS.
If there’s any other frameworks missing, which I’m sure there are, please mention them here and I’ll get them added to the repository. Or, you can even add to the repository yourself by sending a pull request. Here’s how I typically create a branch for a pull request.
- Clone the repo (git clone [email protected]:usablica/front-end-frameworks.git)
- Create your feature branch (git checkout -b add-specific-framework)
- Make your additions to README.md
- Commit your additions to your new branch (git commit -am ‘Add some framework’)
- Push to the branch (git push origin add-specific-framework)
- Create new Pull Request by going to the original repo. There should be a green “Compare and pull request” button that’s not typically there, click it! Enter your comments and wait for the repo owner to merge your branch or suggest some changes.