Top 10 lightweight CSS frameworks for building fast websites in 2017

When building a website, using a CSS framework is a real time saver as it provides you with tools every web designer needs when crafting a site. But as you know, loading speed is a very important quality factor. Therefore, I have compiled a list of the current top 10 lightweight CSS frameworks, for creating beautiful, functional and super fast loading websites.


Pure CSS


Only 3.8KB minified and gzipped, but packed with features! Pure CSS has been my lightweight framework of choice for over a year now. Want to see it in action? Check out this tutorial I wrote last year.
Info & download: https://purecss.io/

Beauter


I haven’t yet had the chance to test Beauter in a project, but I can’t wait. This tiny (~4KB compressed) CSS framework not only provides you with tools to speed up front-end development, it provides them in a beautiful and clean manner.
Info & download: http://beauter.outboxcraft.com/

Mini.css


A lightweight (7kb Gzipped) framework for crafting a fast site easily.
Info & download: https://chalarangelo.github.io/mini.css/

Milligram


Milligram provides a minimal setup of styles for a fast and clean starting point. With only 2kb gzipped, this tiny but powerful framework is in the top three of the lightweight framework available.
Info & download: https://milligram.github.io/

Dead Simple Grid


Not really a framework but just a simple grid layout that can be used in every project. 250 bytes of CSS code.
Info & download: https://github.com/mourner/dead-simple-grid

Siimple


Siimple is a minimal CSS framework for flat and clean designs. It’s lightweight but packed with features and looks awesome out of the box.
Info & download: https://siimple.juanes.xyz/

Min


Super lightweight and has the particularity to be compatible with super old browsers like IE 5.5 and Opera 9.
Info & download: http://mincss.com/

Lotus


Super small (1.8kb minified + gzipped) but packed with everything you need: Grid, media queries, forms, and more.
Info & download: http://goatslacker.github.io/lotus.css/

Skeleton


With only 400 lines of code, Skeleton is light as a feather. Yet, it features a grid, typography, forms, media queries… all you need for building a quality site in no time.
Info & download: http://getskeleton.com/

Picnic CSS


With a size of only 3kb when gzipped, Picnic is for sure lightweight, but also has everything you need for creating a great looking, functional website.
Info & download: https://picnicss.com/

Any other lightweight framework you like? Leave a comment below.

  • Cakes are the stunning delicacies which are admired by all individuals starting from a kid to
    an adult. Cakes have various flavours like, Vanilla, Black Forest, Strawberry, Butterscotch, Truffle Cakes, Chocolate Cakes etc which makes the recipient’s very delighted. Cakes are also made for the people who avoid sugar
    and eggs to make them happy, hence people Send Cakes to Chandigarh.

  • Angelos Chalaris

    I’m the developer of mini.css. Thanks a whole lot for including it in your list!

  • Matthew Hartman

    Thanks for this round up! 🙂

    Make sure to check out Base as well
    http://getbase.org

    Cheers from Australia,

    Matt 🙂

  • Great information . Thanks for the article
    Regards:
    Website development in Moga

  • Emdadul Hoque

    It’s Amazon Alternative World Best,Online E-Commerce Marketplace.

    welfarebeauty

  • The Siimple site doesn’t appear to be responsive.

  • Thanks for this work. I am learning frameworks. This is a great tip. http://www.classessays.com/ is one of the great essay writing service.

  • Thanks, I am a beginner in this mini.css This would help me a lot.
    http://www.essaysmine.com/

  • James Thomas

    I think these id awesome resources, which is much more informative for lightweight website development. Gzipp formats is really helped to generate website loading speed, Google also recommended the minimal loading speed of any website in SEO ranking factor. Moreover I like share a website where you are guys get some more blogs here http://goo.gl/X8cL9W or require some more help http://goo.gl/dIRZwL to fill free for free consultation with their experienced consultation regarding Web design and Development.