A microframework based on CSS Grid Layout to build various types of grids thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes to organize your content.


Install Beegrid's source files via npm. We take care of injecting the CSS needed.

    npm install @beetle/bee-grid
    npm install @beetle/bee-grid -v1.1.0

Or use yarn.

    yarn add @beetle/bee-grid


Download latest precompiled CSS stable build and include it in your project.

      <link rel="stylesheet" href="./your/local/path/bee-grid.min.css" />

or use CDN

      <link rel="stylesheet" href="" />

Source Code

Clone Beegrid repository from Github and start building awesome grid for your websites.

      git clone

Quickly prototype your grids with our Sass variables and mixins.