Small CSS Frameworks To Use In Your Web Designs

Small CSS Frameworks To Use In Your Web Designs

You probably don’t need most of the features that come with large UI frameworks such as Bootstrap, especially when you’re working on small, straightforward projects that you just want to get up and running as soon as possible. Fortunately, there are smaller, simpler CSS frameworks out there that you can use instead.

Using a small CSS framework typically translates to a gentler learning curve for developers, non-dependency on JavaScript for functionality, and faster load times for your users.

I’ve created an excellent list of small/minimalist CSS frameworks for you to explore. Most of them are under 5 KB (when minified and gzipped) and contain the essential ingredients for building responsive web designs.

min

min

min, the smallest CSS framework on this list, has a responsive 12-column grid system, button styles, table styles, Android-compatible icons, and more. min even supports ancient browsers like Internet Explorer 5.5.

Milligram

Milligram

Milligram is for modern UIs — its grid system uses FlexBox, sizes and lengths use the rem unit, and it’s Mobile First. Being on the cutting edge comes at a cost: Milligram only officially supports the newest versions of Chrome, Firefox, IE, Safari, and Opera.

Blaze CSS

Blaze CSS

Out of the box, Blaze CSS is already lightweight, but you can reduce its file size even more due to its modular architecture which allows you to include only the parts you intend to use in your project. (Read the instructions for creating a custom Blaze CSS build for more info.)

Kube

Kube

Kube packs a punch for a CSS framework that weighs less than 6 KB. It has a responsive grid system, a robust set of classes for styling your web forms, multiple table classes, notification classes for displaying important messages to your users, and more.

Pure


Pure

Pure, an open source project led by Yahoo! developers, is a suite of CSS modules that will help you quickly build responsive web designs. Pure has basic styles for all HTML elements (developed on top of Normalize.css), and modules for grid layouts, web forms, buttons, tables, and navigation menus.

Furtive

Furtive

Calling itself a "CSS micro-framework", Furtive is geared towards modern web designs. Like Milligram, Furtive is Mobile First, has a responsive grid based on FlexBox, and uses the rem unit for lengths and sizes. It has the basics covered: buttons, forms, and even default color classes.

Skeleton

Skeleton

Though it hasn’t been updated in over a year, Skeleton is still a top-notch starting point/boilerplate for rapidly building modern, responsive web designs. It comes with an intuitive grid system and base styles for your HTML elements.

FOX CSS

FOX CSS

FOX CSS is a lightweight, modular CSS framework. It uses the Mobile First design approach, supports browsers as old as IE 9, and has a non-aggressive CSS reset (inspired by KNACSS).

Basscss

Basscss

Basscss is made up of 22 CSS modules consisting of a CSS reset, a grid system, color classes, utility classes to help you build your responsive designs, and much more. Basscss is surprisingly feature-rich for something that weighs less than 4 KB.

Siimple

Siimple

Siimple is a minimalist CSS framework for building responsive, clean web designs. It’s similar to Skeleton: It has an intuitive 12-column grid system and base styles for typography, tables, buttons, forms, and more.

Lotus

Lotus

Lotus is one of the smallest CSS frameworks out there. It’s got the essentials covered: a responsive grid system, typography, buttons, and web forms.

Picnic CSS

Picnic CSS

Picnic CSS is a lightweight UI framework written in Sass, making it easier for you to edit and customize variables such as colors and lengths. It also has some impressive, purely-CSS UI components such as a modal window and a content slider.

Summary Table

The following table contains useful details about the CSS frameworks featured in this list.
NameSize*DocsLicenseGitHub RepoPopularity **
min1.02 KBDocsMITRepo685
Milligram4.05 KBDocsMITRepo3,000
BlazeCSS5.71 KBDocsMITRepo7
Kube5.94 KBDocsMITRepo (outdated)538
Pure4.0 KBDocsBSDRepo13,373
Furtive2.37 KBDocsMITRepo369
Skeleton1.57 KBDocsMITRepo10,884
FOX CSS2.46 KBDocsUnknownRepo87
Basscss3.49 KBDocsMITRepo2,597
Siimple5.56 KBDocsMITRepo14
Lotus1.80 KBDocsMITRepo14
Picnic CSS2.32 KBDocsMITRepo932
*Size is the file size of the minified and gzipped CSS file. Size values were derived from my independent testing of the production-ready/distribution stylesheets of each CSS framework.

COMMENTS

Name

(Green Living),7,2019 web development trends,1,4Sleep,1,7 day programmable thermostat,1,adjustable beds,1,adobe pdf translator,1,adobe pdf translator online,1,amerisleep as3,1,Android,1,Android and Apple Online Data Safety,1,Apple,1,aviya,1,azza mattress,1,Bamboo Vs Cotton Bed Sheets,1,Bamboo vs. Cotton,1,be green,2,bedroom,1,beds for sale,1,Best Advice for Choosing The Best Sleep,1,BEST CENTRIFUGAL JUICER REVIEW INDIA,1,Best juicer,1,best juicer 2019,4,best juicer 2020,4,BEST JUICERS BUYING GUIDE,1,BEST MASTICATING JUICER 2019,1,BEST MASTICATING JUICER 2020,1,BEST MASTICATING JUICERS IN 2020 INDIA,1,best mattress,7,best mattress for sleep apnea,1,best mattresses for back pain,1,best memory foam mattress,2,best pdf translator,1,Best Sleep Mattress For Back Pain,1,best type of mattress for side sleepers,3,best websites 2019,1,Blogging,162,building green,2,buy sleep,2,casper mattress,1,CENTRIFUGAL JUICER,1,CENTRIFUGAL JUICER 2020,1,cheap mattress,1,Choose a Best Sleep Mattress for Your Preferred Sleep Position,1,CHOOSE A MASTICATING JUICER,1,choose a mattress for back pain,1,choose mattress india,1,choose mattress usa,1,Computer,29,Computer Hardware Tips,2,Data Recovery,1,Design,41,digital thermostat,1,Dot Matrix Printers,1,double bed spring mattress price,2,dozebeds,1,Dye-Sublimation Printers,1,e-learning,4,eco friendly,1,eco friendly cooking,1,eco friendly electric stove,1,eco friendly kitchen appliances,1,eco friendly living room,1,eco friendly living tips,1,eco friendly paper,1,Eco Friendly Products That Really Make a Difference,1,eco friendly things in our house,1,Eco-Friendly,1,Eco-Friendly Tips for Saving Money,1,Education,120,File Recovery Software,1,Global Positioning system,1,global wifi rental,1,go green,2,go green images,1,good night's sleep meaning,1,GPRS Tracking,1,GPS technology,1,GPS Tracking,1,Green Kitchen,1,Green Living,8,green living show,1,green news,1,hand juicer,1,health,9,HEALTHY LIFE,35,Helix,1,home remedies for good sleep,2,honeywell thermostat,1,how to be a web designer from home,1,how to become a professional web designer,1,how to become a web designer from home,1,how to become web designer career,1,how to choose a mattress for back pain,1,how to choose a web designer,1,how to choose sleep mattress,1,how to get a good night sleep,2,how to make your home environmentally friendly,1,how to sleep better at night naturally,1,Ideas,188,inexpensive mattresses for sale,5,Inkjet Printers,1,Inkjet Technology,1,Internet,41,Internet Tips,161,Juice & Your Health,3,juice maker,1,juicer machine,1,Juicing versus Raw fruits and veggies,1,king mattress,1,king size mattress size,5,Know the History Facts About the Memory Foam Mattress,1,Laser Printers,2,leed certification canada,1,leed certification checklist,1,leed certification cost,1,leed certification exam,1,leed certification wiki,1,leed platinum buildings,1,life,41,loom & leaf,1,Make Money online,44,make your home green,1,MASTICATING JUICERS IN INDIA,1,mattress,1,mattress america reviews,1,mattress buying guide,1,mattress dealers,2,mattress for kids,1,mattress mattress,2,mattress selector tool,3,mattress size,3,mattress sizes,4,memory foam density guide,1,memory foam mattress,3,memory foam mattress buying guide,1,memory foam mattress information,1,memory foam mattress reviews,1,minimalist web design 2019,1,mobile malwares,1,Mobiles,70,Mother's Day 2018,1,Mother's Day Best Unique Gift Ideas 2018,1,Multi-Function Inkjet Printers,1,NASA Memory Foam Technology,1,naturally,1,navigation technology,1,nectar mattress reviews,3,needle mattress,1,new,75,new website trends 2019,1,nomad mattress,1,OMEGA JUICER,1,online pdf translator,1,Online Safety,1,orange juice,1,other,36,PDF Translator Online,1,pdf translator software,1,pocket wifi,1,Portable Inkjet Printers,1,portable wifi rental,1,POS (Point of Sale) Receipt Printer,1,Printer,1,Printers,1,programmable thermostat home depot,1,Project:LOVE NATURE,2,queen mattress,1,ransomware,1,revive mattress,1,revive mattress r2,1,RIGHT AND BEST JUICER,1,saatva,1,satellite system,1,Satnam Shri Waheguru Ji,15,SEO,38,Short Term Internet Hotspot Rental,1,should i buy a memory foam mattress,1,single mattress deals,4,skyroam,1,sleep at night fast,1,sleep mattress,4,sleep mattress near me,1,sleep mattress reviews,1,sleep mattress usa,1,Sleep Mattresses,7,sleep number bed,1,SLOW JUICER,1,slow juicer masticating juicer,1,small juicer,1,smart thermostat,1,Smartphone Security,1,smartphones,1,Software,84,Solid Ink Printers,1,Spring Mattress,1,spring mattress king size,1,spring mattress pocket spring mattress india,1,spring mattress price,1,Supermarket vs Homemade Fresh Juices,3,sustainable living communities,1,Tattoo Removal,1,tep wireless,1,The Basics of Cryptocurrency,1,the matress,1,thermostat,1,thermostats,1,tips on how to sleep through the night,2,top web design trends 2019,1,translate large pdf,1,travel wifi,1,twin mattress,1,updates,151,us mattress,8,viola,1,viruses,1,Wahegur Ji,1,ways to go green,1,web design trends 2019,1,website trends for 2019,1,what is a green apartment,1,What’s New Online,67,which mattress is good spring or coir or foam,1,Why Choose to Go Eco-Friendly? (Green Living),1,wifi hotspot for international travel,1,winkbeds,1,zenhaven,1,
ltr
item
||ੴ||ਇੱਕ ਓਅੰਕਾਰ Satnam Shri Waheguru Ji A Web Blog about Product Review, Blogging Tips, Tech Reviews: Small CSS Frameworks To Use In Your Web Designs
Small CSS Frameworks To Use In Your Web Designs
Small CSS Frameworks To Use In Your Web Designs
https://4.bp.blogspot.com/-KXJhkJ1Yzjc/VwtDjvOrI-I/AAAAAAAABJY/TNUf67Ku6PAw9RB79UWqEJthO1uAreMuA/s320/cover.jpg
https://4.bp.blogspot.com/-KXJhkJ1Yzjc/VwtDjvOrI-I/AAAAAAAABJY/TNUf67Ku6PAw9RB79UWqEJthO1uAreMuA/s72-c/cover.jpg
||ੴ||ਇੱਕ ਓਅੰਕਾਰ Satnam Shri Waheguru Ji A Web Blog about Product Review, Blogging Tips, Tech Reviews
https://www.undocopy.com/2016/04/small-css-frameworks-to-use-in-your-web.html
https://www.undocopy.com/
https://www.undocopy.com/
https://www.undocopy.com/2016/04/small-css-frameworks-to-use-in-your-web.html
true
4597144398420216702
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy