The 20 best Minimalist CSS Frameworks of 2017

Whether in product design, or in research and development, the application of minimalism is simply everywhere. If you’re as keen on minimalism as I am, this is your dish. In this article, we’ll share 20 of the best minimalist CSS frameworks that can help you save time by giving you the components you need to build your site. Have Fun!

1. Spectre

This is a lightweight, responsive modern CSS framework for fast site building and extender development. It provides basic styles for typography and elements, flexbox-based responsive layout systems, and CSS components through best coding practices and a consistent design language.

2. Layers

The Layers CSS is a CSS framework for instances. It has the characteristics of lightweight, zero dependency and so on.

3. Milligram

Milligram provides a minimalist style setting that makes it easy to start your website building journey quickly and simply. While it is not a UI framework, it is built to provide excellent performance, efficient development, and minimal property resets. At the same time, it is also lightweight, after Gzip compression, it is only 2KB in size.

4. Cutestrap

If you’re looking for feature-rich components, frameworks like Bootstrap and Foundation are your best bet. However, if you want to choose a frame size somewhere between normalize.css and a full frame size, Cutestrap might be a good choice. It is only 8K in size when compressed and can be used as a lightweight alternative to Bootstrap.

5. Mobi

Mobi. CSS is a lightweight, extensible, mobile-first CSS framework. It pays attention to detail and provides a great user experience for rich web pages. Although it focuses on mobile, the desktop client experience is also great.

6. Hack

Hack is an extremely simple CSS framework. Here are some examples that you can look at.

7. Wing

A beautiful CSS framework based on minimalist design concepts.

8. Sakura

An easy to customize minimalist CSS framework/theme.

9. Mini

Mini is a minimalist framework that is less than 7KB in size after Gzip compression. It is responsive, easy to use and customizable, designed to give you as much functionality as possible. Because it is a lightweight framework, it not only allows you to create websites and applications that load faster, but also provides components that meet basic development requirements.

10. Pavilion

Pavilion is a simple CSS framework for developers who don’t like to use predefined UI components that come with other frameworks. If you’re looking for a simple, lightweight, customizable CSS framework without code bloat, Pavilion is a great choice.

11. Core CSS

This is a front-end framework for building a lightweight, responsive web site with no built-in preset elements or animations, providing a super-simple grid — columns are floating, rows are self-clearing, and cut-off points are logically evenly distributed. You can customize and use it the way you want it to work.

12. Siimple

Siimple is a lightweight, responsive open source framework that helps you create a flat website style. It comes with SASS/SCSS built in, providing a clean start to your web design.

13. Scooter

An SCSS framework that focuses on basic styles, CSS components, and fast static prototyping for Dropbox.

14. Workless

Open source HTML, CSS, and JS frameworks for faster Web applications.

15. Responsive

A powerful, developer-friendly lightweight front-end framework for building responsive web sites.

16. Kouto swiss

Focus on Stylus’s complete CSS framework. It is inspired by popular pre-processing tool libraries such as NIB, Compass, and Bourbon.

17. Concise

Just a few pages that provides a solid foundation for your web design. It provides a concise framework that contains only basic styles and contains a lot of out-of-the-box functionality. You can also extend functionality by using kernel add-ons.

18. Penguin

Penguin is a lightweight, extensible front-end framework built by Sass for starting any project.

19. Base

A solid responsive HTML and CSS framework.

20. Caramel

Caramel is a simple, modern, fully responsive Web framework. You only need to code once to get the same effect on multiple platforms.

Thank you for reading. If you gain something, please like and share.

Note:

The copyright of this article belongs to the original author and is only used for learning and communication.
If you need to reprint the translation, please indicate the source information below, thank you!