Top 15 960 Grid System Alternative and Similar Softwares | Dec 2024

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.

1. Milligram

Milligram Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.......

2. Structure (a declarative Flexbox based Grid Framework)

Structure (a declarative Flexbox based Grid Framework) Structure is a declarative, Flexbox based grid framework. Structure defines layout using non-standard attributes on elements. (If you have used frameworks like AngularJS, you have already gotten some exposure to declarative syntax and non-standard attributes.)......

3. Responsable

Responsable Responsable is a responsive HTML CSS LESS SCSS framework with clean markup, normalized CSS, and responsive images. It allows for nested columns for easy grid nesting and customization, and provides base styles for forms, tables, and typography for faster startup on your projects.......

4. Refills

Refills Refills are prepackaged patterns and components, built on top of Bourbon, Bitters and Neat.......

5. Crow (column-row) grid framework

Crow (column-row) grid framework A smart grid framework, not just for grids......

6. Flexbox Grid

Flexbox Grid A grid system based on the flex display property.......

7. Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System Frow is an HTML and CSS framework for creating quick, responsive, mobile-first projects on the web.What Makes Frow Special?Frow (flex row) utilizes and builds upon the power of CSS's display:flex. While Frow does provide a responsive 'grid system' that is built upon display:flex similar to other grid systems, the......

8. Leaf (CSS Framework)

Leaf (CSS Framework) A CSS framework based on Google's material design......

9. Gridlex

Gridlex Based on Flexbox (CSS Flexible Box Layout Module), Gridlex is a very simple css grid system to quickly create modern layouts and submodules. How it works? The concept is simple: you need to wrap your .col in a .grid. That's all.Gridlex is ready to use "out of the box" in......

10. Hexo

Hexo Hexo is a fast, simple & powerful blog framework powered by Node.js.......

11. Unsemantic CSS Framework

Unsemantic CSS Framework Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it's entirely based on percentages.......

12. Fluid 960 Grid System

Fluid 960 Grid System The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the MooTools and jQuery JavaScript libraries. The idea for building these templates was inspired by Andy Clarke, author of Transcending CSS, who advocates a content-out approach to......

13. Bulma

Bulma Bulma is a CSS framework based on Flexbox and built with Sass......

14. Foldy960

Foldy960 Foldy960 - A responsive version of the 960 grid, the Pvel way!......

15. Cascade Framework

Cascade Framework Although the overall look and feel are most definitely inspired by Twitter Bootstrap, Cascade framework is not just another Bootstrap clone. Where Twitter Bootstrap puts its focus on delivering shiny user elements that can be dropped into any project and takes control of your project's overall look-and-feel, Cascade Framework is......