9 Excellent CSS frameworks you should know

1. Twitter open source Masterpiece-Bootstrap

Bootstrap is an open source CSS framework launched by Twitter, and its core consists of a series of toolkits for Web front-end development. Bootstrap, based on HTML, CSS, and JavaScript, is a CSS framework ideal for Agile web development, and Bootstrap is also one of the hottest open source projects on GitHub.


Features of Bootstrap

• A strong development team. Bootstrap is co-developed by Twitter's designer Mark Otto and Jacob Thornton, and the bootstrap development team is one of the most recognized front-end development teams internationally.
• Minimalist framework. Bootstrap's design is very simple, which means that whether you are an advanced front-end designer or an ordinary programmer, you will be able to quickly master the bootstrap development process and development approach.
• Bootstrap, which was originally conceived across devices and across browsers, only supports modern browsers, but the new version already supports all major browsers, even IE7. Starting with bootstrap 2, support for tablets and smartphones is available.
• The perfect responsive design. The bootstrap supports a responsive layout that intelligently identifies the type of client browser, and thus constructs the front-end layout to fit the current device, all fully automated.
• Support HTML5 and CSS3. Bootstrap supports all HTML5 tags and CSS3 properties.
• Use less to build a dynamic style. When the traditional dry CSS writing stalled, less technology turned out. Less uses variables, nesting, manipulation, and mixed coding to help users spend a small amount of time and write faster, more flexible CSS.

2. Flat UI Development Package-Flat UI

The Flat UI is a bootstrap-based, flat front-end UI toolkit that Flat UI components that are very fresh and beautiful, and that the components of the Flat UI include buttons, input boxes, combo buttons, checkboxes, radio buttons, labels, menus, progress bars, and sliders for beautiful elements.


Features of the Flat UI

• Contains a number of basic user interfaces, as well as the flexibility to create more customized UI interface components
• Contains rich vector icons and symbols
• Custom Palette
• HTML/CSS, JavaScript-based layouts

3. Semantic front-end development framework-Semantic UI

The Semantic UI is a semantic front-end development framework, Semantic is structured around natural communication languages, making development more intuitive (understandable). Unlike bootstrap, semantic is closer to natural language in functional features, layout design, and user experience.



Features of the Semantic UI

• Documentation and presentations are perfect
• Easy to learn and use
• With Grid layout
• Supports Sass and less dynamic style languages
• There are some very useful additional configurations, such as the inverted class.
• is more open to community contributions.
• There is a very good button implementation, modal verbs, and a progress bar.
• Use the icon font on many features.

4. Metro style CSS framework-Bootmetro

Like the flat UI, Bootmetro is also a bootstrap-based CSS framework, and the biggest feature of Bootmetro is that it is a win 8 Metro style CSS framework. Metro style has the advantage of simple and smooth interface, easy UI elements, fast loading speed, and good visual effects.


Features of Bootmetro

• Based on the powerful Twitter Bootstrap, the framework is inspired by Metro UI CSS
• Let users focus on the content of the site, because Metro style can highlight the main content of the page.
• Completely free, as with Bootstrap, the use of Bootmetro is also very simple.

5. Yahoo! Open Source Masterpiece –pure

Pure is also a great CSS framework, and the previously shared bootstrap was made by Twitter, and pure was from Yahoo. Although pure is not as bootstrap as the UI effect, pure is a purely CSS implementation, so it's very small, and the entire frame is compressed only around 5.7k.

Features of Pure

• The biggest feature is that the framework is based on pure CSS, without any JavaScript code, rendering faster.
• Produced by Yahoo, there should be no big problem in technology.
• The frame is very compact and only 5.7k after compression.
• The components are also rich, including tables, forms, buttons, tables, navigation, and so on.
• The identity of the CSS class is simple, so the code is friendly in the process of using pure.

6. Win 8 Metro style CSS framework-Metro UI CSS

Metro UI CSS is a win 8 Metro style CSS framework, and the previous Bootmetro is based on Metro UI CSS, and we can build great Metro style apps with Metro UI CSS.


Features of Metro UI CSS

• Win 8 Metro style with refreshing and smooth interface
• Learning is very simple
• The source code is very small
• Based on the MIT Open Source Protocol

7. Free Bootstrap Theme Pack-Bootswatch

Bootswatch is a free theme pack based on Bootstrap, which contains a rich Bootstrap theme, you can download CSS files to install these themes, to achieve a variety of beautiful Bootstrap theme style.

Features of Bootswatch

• installation is very convenient. Just download the CSS file for the theme and replace the original file without installing the binaries.
• Fully open source. Based on the MIT open Source Agreement, you can also go to the open source community of Bootswatch to discuss issues.
• Modular. More flexibility to control and change styles.
• Plug-in. APIs have been provided for each platform, which is even more convenient if you are using Nodebb and Bootsnap.
• In the ongoing update. Update and maintenance is a hallmark of good open source software.

8. Bootstrap-jquery UI integrated on the JQuery UI Bootstrap

jquery UI Bootstrap is a CSS framework that integrates the jquery UI into Bootstrap, and the jquery UI bootstrap not only leverages the jquery UI's powerful library of controls, You can also enjoy Bootstrap's fresh and natural theme style, so more and more front-end developers are using jquery UI Bootstrap.


Features of the JQuery UI bootstrap

• Based on the jquery UI, the controls are so powerful that you can use all of the jquery UI controls.
• Based on Bootstrap, different controls have a uniform appearance.
• Free open source, you can easily download and use.

9. Lightweight CSS layout and typesetting framework –ez-css

EZ-CSS is a lightweight CSS layout framework, EZ-CSS and other CSS frameworks are very different, because it is small, only 1kb. And the ez-css is very extensible, the browser compatibility is more friendly, the use of ez-css, you can quickly achieve a more complex layout of web pages.


Features of Ez-css

• The biggest feature is that the frame is small and 1K, so it can be integrated into any corresponding style sheet.
• Simplified typesetting, the original need for a very complex CSS code to achieve the layout, ez-css can be done in minutes.
• Multi-column layouts are easy to implement, and you can specify any width.

There are a lot of good CSS frameworks, we are trying to gather for everyone, I hope these CSS framework resources to help you.

9 Excellent CSS frameworks you should know