BeeGrid

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.

Get Started

Installation

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

Usage

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="https://cdn.jsdelivr.net/npm/@beetle/bee-grid@1.1.0/dist/css/bee-grid.min.css" />

Source Code

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

      
      git clone https://github.com/davidedantonio/bee-grid.git

Quickly prototype your grids with our Sass variables and mixins.