Pinterest Stumbleupon Whatsapp

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 & Excellent Tools For Editing CSS Code 4 Free & 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 @

Leave a Reply

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