Pinegrow Web Editor

Pinegrow Web Editor lets you design or create mockups of responsive webpages. In this regard, it supports various web technologies, such as CSS and LESS, Angular JS and Bootstrap.

Unfortunately for beginners, the editor has a steep learning curve. However, you can get plenty of help from various sources if you need it.

The tool allows creating webpages from scratch or by importing existing projects. It has the main advantage of supporting adding new elements by simple drag-and-drop operations. Fortunately, there is a huge library of such components. After that, you can redesign the page by moving, cloning or deleting those elements in a WYSIWYG style. There is also the possibility to edit different versions of the same page to make it responsive for multiple screen sizes.

Another way to edit contents is by directly modifying the underlying code. In this respect, even though the developers claim that the app does not hide the code, it seems to me that accessing the code is somewhat harder than it is with other similar tools. Luckily, though, there is perfect synchronization between the code and the preview you get on the WYSIWYG editor, which even includes the use of any third-party code editor.

All in all, Pinegrow Web Editor can help you design responsive websites and is compatible with multiple other tools. Once you manage to climb the initial learning curve, it actually makes your work more productive thanks to a lot of ready-made elements. Unluckily, some users have reported minor bugs, which do not make it less valuable. The product is available in various licenses, some of them include Interactions and WordPress, and it is a good idea to check what they have to offer before making a decision.