Set column and gutter widths, choose the number of columns, and switch between pixels and… Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.All without any .grid_x classes in your markup. Oh, and did we mention it’s responsive?Runs on LESS, SCSS, or Stylus. Read up on Smashing Mag.
Find Top 10
The Semantic Grid System
Alternatives
| # | Image | App Name | Features | Platforms | Price | Website Link |
| 1 |  |
Tailwind CSS | CSS | Self-Hosted | Free | Website |
| 2 |  |
Material Bread | Self-Hosted | Free | Website | |
| 3 |  |
Bootstrap | HTML5 Boilerplate | Self-Hosted JavaScript |
Free | Website |
| 4 |  |
Foundation | Web | Free | Website | |
| 5 |  |
Materialize | Web | Free | Website | |
| 6 |  |
Purecss | Web | Free | Website | |
| 7 |  |
Skeleton | Web | Free | Website | |
| 8 |  |
Material Design Lite | Web | Free | Website | |
| 9 |  |
Spectre.css | Web | Self-Hosted | Free | Website |
| 10 |  |
Element UI |
Web CSS Vue.js |
Self-Hosted JavaScript |
Free | Website |