More CSS toolkits like Twitter Bootstrap? [closed]
开发者_如何转开发
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this questionI was looking for a place where I can find CSS toolkits and resources, ready to be used like the popular Twitter Bootstrap.
Any tips?
html5boilerplate is my favoured toolkit
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.
Semantic UI is really great, if you liked bootstrap, you should like it even more!
I think you will find Zurb Foundation to be very good as well
Blueprint is one of the popular CSS frameworks also.
If a good CSS framework is all you need, YAML is a great alternative too.
Try skeleton as another alternative.
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.
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
there is another one similar to bootstrap twitter , try HTMLKickStart
See free and extremely liteweight Litestrap CSS toolkit: http://js.plus/products/litestrap
The same as Bootstrap but only the grid (scaffolding).
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.
精彩评论