DivShot: Drag & Drop Website Design With Exceptionally Neat Code

Tim Brookes 11-02-2013

If you’ve tried to code by hand in the past and given up, there’s a good chance you turned to a WYSIWYG editor. Many of the best web design tools use the “what you see is what you get” method, including Dreamweaver and Coda, but if there’s one thing most professionals who use these tools strive for it’s tidy code. WYSIWYG editors do not have a good reputation when it comes to creating clean and concise code, but DivShot hopes to change that.


drag drop website design

Running in the browser as a web app, DivShot lets you drag and drop elements, text, boxes and more onto your page as you build your site. Everything you see on the page is HTML and CSS 4 Free and Excellent Tools for Editing CSS Code Websites are wondrous tools which convey all sorts of information and ideas. They have evolved quite a lot in merely 10 to 15 years, and they are now expected to be top-notch and beautifully designed.... Read More , with the correct markup added as you go. The best thing about DivShot from a coding point of view is the fact that the code comes out looking like it was written by hand, complete with tidy indentations to keep your inner coder happy.


With a responsive and straightforward UI, DivShot immerses you in the process of creating beautiful websites from within your browser. All the tools, element controls and preferences you need are found around the edge of your screen, just as if you were using a desktop editor. DivShot is currently in beta, and free to sign up and use (though the usual “beta beware” advice applies).


  • Real-time WYSIWYG editor in your browser.
  • Changes you make are reflected instantly in the HTML and CSS.
  • Past in code snippets and see the results in real-time.
  • Currently in free beta phase.

Check out DivShot @

Whatsapp Pinterest

Enjoyed this article? Stay informed by joining our newsletter!

Enter your Email

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Jim Ward
    February 12, 2013 at 6:00 pm

    How strange. I checked my Yahaoo email and noticed an email from divshot, was asked to clink the link to verify my email address. I did so but another window opened for me to write an email to myself - my Yahoo addy was in the address line. I thought maybe it was a web mail issue and tried it with another browser (IE, then Maxthon 3) but the same thing happened. So, maybe MakeUseOf can contact Michael and Jake and have them get their stuff together?

  2. Jim Ward
    February 12, 2013 at 4:18 pm

    I signed up, waited a few minutes for the "Please Wait" to end and give me a UI to see but I gave up. Will try later after a few days and maybe the curiosity will stabilize. Their site is probably getting quite a bit of traffic due to its appearinging in MakeUseOf?

  3. G. Calamita
    February 11, 2013 at 8:41 pm

    Hello, may be is more ... useful?