Pro Tailwind Grid Generator

Columns

Rows

Gap (px)

Empty grid

Click on cells to add items

With styled borders

tsx

// Quickstart: https://tailwindcss.com/docs/installation/using-vite

const MyGrid = () => {
  return (
    <div className="grid grid-cols-6 grid-rows-4 gap-2">
      {/* Grid items code will appear here */}
    </div>
  )
}

export default MyGrid;