Visual + code editor for creating static websites

Online Editor to create, prototype & publish static websites to Netlify - powered by Bootstrap

Made for PRO Developers

  • More than 200+ Blocks

    More than 200+ pre-designed and pre-coded elements. We've got headers, footers, galleries, Dashboard Wigets, Cards, etc...

  • Code Editor - Powered by VSCode

    Edit and work with multiple HTML, CSS, JS files effortlessly also leverage the power and familiarity of VS Code. Use "Go to Definition," "Replace Occurrences", "Color Picker", ...

  • One-click Export & deploy to Netlify

    You can export your design as a static website, or publish it with one click to Netlify - a powerful hosting platform. It offers HTTPS, custom domains, much more and is totally free!

Showcase Image

Drag 'n' Drop while coding. And viceversa.

  • Create beautiful Landing Pages & One Page Websites

    Make a product, app, service, or something else? Create beautiful Landing Pages to collect emails or validate ideas

  • Create Web Apps UI.

    Full coded Bootstrap 4 pre-built components to create dashboards, forms, auth pages, etc.. ready for your next web project..

  • Create JamStack Websites

    Create sites that can be enhanced with JavaScript, use services available via APIs and deploy them to Netlify in a click


What our users are saying

Highly useful browser based design tool for rapid development of responsive web-based application UI.

Hariprakash GovindarajaluCTO, Logic Research Labs

Love the Netlify feature and it's extensibility with code editor. Able to do a ton of rapid prototyping on it and iterate quickly.

James ArcherFreelance Web Developer

This is why I love being a in web design business! - Powerful visual bootstrap builder for designers & developers

Alex DeveroEntrepreneur
Prototype Faster

Speed up your Front-End Development

Quickly build the layout of your webpage with powerful visual tools for adding, editing, moving, cloning and deleting HTML elements. Also you can use pre-built blocks and elements for Bootstrap 4 projects.

Work with multiple files

Work with multiple HTML, CSS & Javascript files

Editor is the most powerful feature of Gridbox. It's like full blown IDE with built-in Drag 'n' Drop builder right in the browser, where you can work with multiple HTML, CSS, JS files together along with image gallery, live previews, website deployment, and much more.

Deploys by Netlify

Host your Projects to Netlify with your own Custom Domain

With Gridbox Pro you can host and deploy your Static Bootstrap 4 or HTML projects to Netlify platform and get a working URL in seconds. Plus custom domain settings and everything you need to keep your site live and running.

Ready to dive in?
Join thousands of developers
prototyping what's next.