42

I was looking for a place where I can find CSS toolkits and resources, ready to be used like the popular Twitter Bootstrap.

Any tips?

thirtydot
  • 224,678
  • 48
  • 389
  • 349
Mark
  • 67,098
  • 47
  • 117
  • 162
  • I think CSS toolkits with styles for all key "web app" elements like alerts, forms etc is kind of a new thing - if more come out someone will likely create a central hub – Plattsy Dec 12 '11 at 02:11

12 Answers12

14

html5boilerplate is my favoured toolkit

stephenmurdoch
  • 34,024
  • 29
  • 114
  • 189
8

Yahoo! have recently created Pure (source available on GitHub).

Pure provides:

  • A CSS Foundation built upon Normalize.css so that cross-browser issues are minimised.
  • Styling of common UI components such as lists, menus, buttons, forms and tables.
  • A comprehensive responsive grid system for building a site for all devices.

It is very lightweight with a total footprint of 4.4KB minified and gzipped compared to Bootstrap's 20KB. It is accessible from a CDN that Yahoo! provides.

It has been created with the viewpoint that creating new CSS rules is preferred to overwriting/altering existing ones. Therefore it is shipped with minimal styles out of the box (hence the size) - you have to create your own.

GordyD
  • 5,063
  • 25
  • 29
7

Semantic UI is really great, if you liked bootstrap, you should like it even more!

newprog
  • 124
  • 1
  • 5
6

I think you will find Zurb Foundation to be very good as well

Saad
  • 1,856
  • 1
  • 22
  • 28
3

If a good CSS framework is all you need, YAML is a great alternative too.

pklaus
  • 647
  • 8
  • 21
3

Try skeleton as another alternative.

gerl
  • 1,161
  • 2
  • 17
  • 53
3

Selection of any UI framework depends on the related technology stack. I use Semantic-UI (http://semantic-ui.com/) with AngularJS. Believe me, they are made for each other!

Semantic-UI gives good support for responsive web design and mobile components.

Tony Puthenveettil
  • 366
  • 3
  • 4
3

Here's a list of CSS frameworks which you may enjoy working with...

  • base - Responsive CSS framework with IE7+ support
  • BASSCSS - Low-level CSS toolkit
  • bootflat - Bootstrap with a flat design theme
  • Bootswatch - A collection of themes for Bootstrap
  • bulma - CSS framework based on Flexbox
  • cardinal - Cardinal is a small mobile first CSS framework
  • caramel - A simple, beautiful, responsive, modern CSS framework
  • HTML Starterkit - HTML5 template to kick off your responsive websites
  • kube - Minimalistic Web framework
  • Material Design Lite - Material Design Lite Components in HTML/CSS/JS
  • materialize - A modern responsive front-end framework based on Material Design
  • Metro UI - A front-end framework for developing website in Windows Metro Style
  • milligram - Minimal setup of styles for a fast starting point.
  • mini.css - A minimal, responsive, style-agnostic CSS framework/toolkit
  • mui - A Lightweight HTML/CSS/JS Framework implementing Material Design
  • papier - Material design like minimal CSS framework
  • pavilion - Unopinionated CSS framework
  • picnicss - Lightweight UI library
  • pure - A set of small, responsive CSS modules
  • semantic-ui - UI Kit with lots of themes and elements
  • skeleton - A dead simple, responsive boilerplate
  • tachyons - Modular UI framework
  • uikit - A lightweight and modular front-end framework
Roshana Pitigala
  • 8,437
  • 8
  • 49
  • 80
3

Blueprint is one of the popular CSS frameworks also.

James
  • 1,436
  • 1
  • 13
  • 25
2

there is another one similar to bootstrap twitter , try HTMLKickStart

user2244112
  • 51
  • 3
0

See free and extremely liteweight Litestrap CSS toolkit: http://js.plus/products/litestrap

The same as Bootstrap but only the grid (scaffolding).

Dan Spirit
  • 327
  • 1
  • 8
0

If you are looking for something that:

  • has cross-platform styling (iOS, Android, WP, Web)
  • can be used with different themes
  • is framework agnostic
  • you can use it on mobile as well as desktop

Take a look at Mobiscroll Forms.

Levi Kovacs
  • 1,159
  • 8
  • 14