GridBlade is a CSS grid framework created with SCSS and SwordCSS.

It gives a very simple way to create grids. GridBlade doesn't use Flexbox so you can decide the number of columns and rows instead of just the columns.


Their are 578 CSS classes that you can use. But, of course, you only need 2 classes to create a working grid. You can create a grid with this:

<div class="gb-container-<no. of columns>-<no. of rows>">

<!-- Rows here -->


To insert an item you just add the class gb-item to your element.

{% github swordcss/gridblade %}

Back |


If you are looking at this you probably wonder who I am; teenage open source maintainer

shadowtime2000's DEV profile image