The benefit of a CSS framework is that it helps you create a number of eye-catching layouts without having to start from scratch.

1. For Simple Needs, Use Class-less
   Some examples of classless frameworks include sakura, watercss, holiday.css, bamboo css, attricss, and basic.css.

2. To Build on Mobile, Opt for Very Lightweight
   Examples of very lightweight CSS include pure, chota, and milligram.

3. For an Open-and-Go Solution, Use General Purpose
   Examples of general purpose CSS include bootstrap, primer, foundation, and base.

4. For Niche Needs, Opt for Specialized
   An example of a specialized CSS is bojler, which is used for developing lightweight and responsive email templates. It’s no secret that developing email templates is a pain.

5. Looking to Skip Javascript? Material Design is the Way to Go
   Material design CSS frameworks include newer versions of UI controls such as check boxes, text fields, column layouts ,and typography. MD is can be used across browsers by anyone who wants to create more portable and usable web pages.

6. For Greater Attention to Detail Utility-Based Frameworks Are Best
   Some examples of utility-based frameworks include tachyons and tailwind CSS.

7. For Web App Development and Mobile-First, Look to Base/Reset/Normalize
   Some great examples of base css frameworks include sanitize.css, ress, minireset.css, normalize.css, modern normalize, and natural selection.

8. For More Flexibility, Toolkits Work Well
   An example of a toolkit CSS is Bourbon. Bourbon aims for clarity, is pure Sass and lacks visual opinion.

9. Honorable Mentions Are Those with Stalled Development
   Some examples of stalled development frameworks include flexbox grid, semantic UI, materialize, neat, wing, and propeller.