npm i mui-grid-layout

A lightweight and customizable grid layout component for React, inspired by Material-UI's Grid system, but without the need to install the entire Material-UI library.

npm install mui-grid-layout

Import the MuiGridLayout component in your React application and use it to create flexible grid layouts.

import React from 'react';
import MuiGridLayout from 'mui-grid-layout';

const YourComponent = () => {
  return (
    <MuiGridLayout container spacing={2}>
      <MuiGridLayout item xs={12} sm={6} md={4}>
        {/* Your content goes here */}
      </MuiGridLayout>
      <MuiGridLayout item xs={12} sm={6} md={4}>
        {/* Your content goes here */}
      </MuiGridLayout>
      <MuiGridLayout item xs={12} sm={6} md={4}>
        {/* Your content goes here */}
      </MuiGridLayout>
    </MuiGridLayout>
  );
};

export default YourComponent;