CSS Grids layouts made easy!
Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
Read about the process of Open Sourcing Layoutit Grid, and why we are using Vue 3 and Vite ❤️
Go to https://grid.layoutit.com/ and start playing 🎯
These instructions will get you a copy of the project up and running on your local machine for development
Use ssh
git clone [email protected]:Leniolabs/layoutit-grid.git
Or https
git clone https://github.com/leniolabs/layoutit-grid.git
In the repo folder run
npm install
npm start
Your dev server will start and be running at
> Local: https://localhost:3000/
Command | Description |
---|---|
npm install |
Install the dependencies |
npm start |
Run the project (in dev mode) |
npm run build |
Build for deployment |
Ideas, pull requests and bug reports are welcome.
Layoutit grid is crafted with love by Leniolabs. We build digital experiences with your ideas. Get in touch!