With so many HTML design tools out there, it’s refreshing to see a new free online tool available that works for all web browsers. Drawter is written in JavaScript and utilizes the jQuery library to dynamically create HTML and CSS code using a WYSIWYG interface.
Drawter–which was created by Damian Wielgosik–doesn’t require registration, a login or anything other than a standard web browser (it currently supports the latest versions of all browsers). It enables you to create the HTML and CSS code for a web page using a simple drag-and-drop drawing interface. Each tag you create is presented as a layer on the Drawter page itself, and you simply add the CSS attributes of HTML tag you are adding–Drawter does the rest for you.
To generate the HTML and CSS code, when you are done you select Code from the menu, and click the Generate code link, and the code is presented in a floating layer which separates the code into sections: All site, which shows the entire code, HTML, which shows the HTML code by itself, and CSS, which shows you the style information which is used on the page.
While the tool is easy to use, it was written with the intermediate to advanced developer in mind. You are required to know what each HTML tag is, how to use it, and how to use Cascading Style Sheets (CSS) with that HTML tag. As such, the current version of Drawter is called the “Pro” version, but they have an upcoming version called “Amateur” which will not require any knowledge of HTML or CSS.
The original home of HTML tutorials. HTMLGoodies is a website dedicated to publishing tutorials that cover every aspect of being a web developer. We cover programming and web development tutorials on languages and technologies such as HTML, JavaScript, and CSS. In addition, our articles cover web frameworks like Angular and React.JS, as well as popular Content Management Systems (CMS) that include WordPress, Drupal, and Joomla. Website development platforms like Shopify, Squarespace, and Wix are also featured. Topics related to solid web design and Internet Marketing also find a home on HTMLGoodies, as we discuss UX/UI Design, Search Engine Optimization (SEO), and web dev best practices.
Property of TechnologyAdvice. © 2026 TechnologyAdvice. All Rights Reserved
Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace.
