GridIT Sign in

Plan it.Sketch it.Build it.

GridIT takes a website from a page map to a finished, responsive site. Drag blocks onto a grid, see it on desktop and phone, and export real HTML. No code needed.

Buy a licence See how it works
Website editor The GridIT editor in use: a hero banner is dragged onto the page, resized, given a photo and a new headline, then checked in mobile view.

Drag in a hero banner, resize it, add a photo, write the headline, then check it on a phone.

One project, three stages

Each stage hands its work to the next. Pages made in the sitemap appear in the wireframes, and wireframes become the layout for the real site. Every tool also works on its own.

Map out the pages

Start with the structure. Add pages, drag them into place and nest them under a parent to show how the site is organised.

  • Keyboard shortcuts to add, nest and rename
  • Download the sitemap as an image
Sitemap A festival sitemap: Home, Line-up, Tickets and Plan your visit, with day pages, ticket pages and an FAQ nested underneath.

Made with GridIT

Three homepages built in the editor and exported without changes. Hover over one to scroll through the whole page.

northlight / index.html
Northlight, a brand studio homepage: a team photo hero, three service cards, a client testimonial, a studio photo and an enquiry form.
NorthlightA brand studio. Hero banner, card grid, quote and contact form.
wildwood / index.html
Wildwood, a music festival homepage: a main stage at sunset, typewriter text, a photo gallery, a line-up in tabs, an FAQ and tickets with a basket.
WildwoodA music festival. Gallery, tabs, FAQ and a ticket shop.
kernel / index.html
Kernel, a technology company homepage: an edge server hero, an image with text, a pricing table, a code sample and three audience cards.
KernelA tech company. Image and text, a table and a code snippet.

One design for desktop and phone

Switch to mobile and GridIT has already stacked the page. Move or resize anything for the smaller screen without touching the desktop layout.

northlight / index.html
The exported Northlight homepage on a desktop browser.
The same page on a phone, with the navigation collapsed into a menu button.

Export clean HTML

One click gives you a standalone web page with its fonts and images included, ready to upload anywhere.

Save to file or Google Drive

Keep a project as a file, or save it to your own Drive and carry on from any computer.

Nothing to install

GridIT runs in the browser. Sign in with Google and you're in.

More than text and pictures

Over 30 ready-made blocks cover what real websites need. Every example here is a real block, captured from the pages above.

Three festival tickets with photos, prices and Add to basket buttons.
Products and basketSell tickets or merch. Prices, a basket and a checkout link are built in.
An enquiry form titled Start a project, with name, email and message fields.
Contact formChoose the fields, the button and the thank-you message.
Tabs for Friday, Saturday and Sunday showing each day's acts.
TabsFit more on a page, like a line-up split by day.
A festival FAQ with the first question open.
AccordionQuestions that open with a click.
Three festival photos: friends dancing, a forest stage and a lakeside campsite.
GalleryPhoto grids that open in a lightbox.
A dark code block named deploy.sh with a Copy button.
Code snippetCode in a dark or light theme, with a copy button.
A client testimonial with a coral accent bar.
QuoteTestimonials and pull quotes, in your own fonts.
A pricing table comparing three models by cores, memory and price.
TablePricing and specs, with a header and striped rows.

Plus nav bars, hero banners, card grids, sliders, image and text, animated text, video and YouTube, a video maker, site search, shapes, dividers and scroll animations.

One key for you, your team or your class

GridIT is licensed per account. Get a key just for yourself, or one key with a seat for everyone in your business, team or classroom. Each seat is tied to that person's Google account.

Buy a licence
  1. Sign in with GoogleNo new passwords. One sign-in covers GridIT and saving to Drive.
  2. Enter your licence keyIt comes with your licence, or from whoever manages your team or class. You only enter it once.
  3. Start from any computerShared computers are cleared when you sign out, so the next person starts fresh.

Your first page is a few blocks away.

Start designing See the three stages

Try the GridIT editor

Drag blocks onto the page, click one to edit it, then press Preview. Exporting and saving are turned off in the demo.

Buy a licence
Loading the editor…