Gleaming Galaxy Grids is a lightweight library for creating dynamic, responsive grid layouts with ease. It leverages CSS Grid and Flexbox for modern, flexible layouts.
- Easy to use and integrate
- Fully responsive grids
- Customizable grid columns, gap, and container max-width
npm install gleaming-galaxy-grids
Import gleaming-galaxy-grids
into your project and use it to generate a grid layout.
import generateGrid from 'gleaming-galaxy-grids';
// Customize your grid
const customGridCSS = generateGrid({
columns: 12, // Number of columns
gap: '20px', // Gap between columns
maxWidth: '1200px' // Max container width
});
// Apply customGridCSS to your page
Feel free to contribute to this project! Any contributions you make are greatly appreciated.
This project is licensed under the MIT License.