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 git@github.com:Leniolabs/layoutit-grid.gitOr https
git clone https://github.com/leniolabs/layoutit-grid.gitIn the repo folder run
npm install
npm startYour dev server will start and be running at
> Local: http://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!