Pinegrow Web Editor is a desktop web editor that enables you to create responsive websites faster with multi-page live editing, CSS and SASS styling, and smart components for Bootstrap, Foundation, and WordPress. Create websites from scratch or edit your existing projects. Pinegrow has everything you need to build websites: HTML editing tools, layout, framework tools, component libraries, and more. Use the Element Library to quickly put together a page mockup. Duplicate the page and play around with different layout variations.
Use variables instead and other SASS and LESS treats. Use mathematical expressions and functions like lighten and darken to create layouts that can be customized by changing just a couple of variables, all in real time. Why stop at the mockup? Just go ahead and make it a custom designed web page by designing elements with CSS rules. Edit rules through the visual editor or write code directly. Open multiple pages that share the same style sheet. Style changes are reflected on all pages in real time. View them on different screen sizes. Use Pinegrow Web Editor as a CMS for your static Html pages. Move items around and double-click any item to edit its text content. Do you need a Bootstrap shape or a navigation bar? Design it in Pinegrow, change your design with one click. Select the form and copy the HTML code. Use standard source control tools like Git to manage your code and collaborate on projects with your team members.
Pinegrow web editor features:
Accelerate work with HTML
Quickly create your web page layout with powerful visual tools for adding, editing, moving, cloning, and removing HTML elements. Insert N elements with the repeater and modify the layout of multiple selected elements with a single movement.
Bootstrap 3 and 4 and Foundation
Turn hundreds of framework classes into powerful visual tools, such as layouts with resizable columns, grid display, responsive controls for text, color, spacing, visibility, and even Bootstrap Flex classes. Insert elements from the rich library of components.
Edit and test your page on all device sizes at once
Use multi-page editing to edit the page in various device sizes. Easily design responsive websites with the Media query helper tool. Add custom breakpoints or let Pinegrow detect them through style sheet analysis.
It allows you to speed up your work even more with smart features like master pages that allow you to define templates for your project. Convert page elements into reusable components with custom editable areas. Use Pinegrow as a CMS for static HTML websites.
Create production-ready WordPress themes
Open or create an HTML page in Pinegrow Web Editor. Add WordPress actions to HTML elements and set their parameters. Export the WordPress theme. Pinegrow generates PHP code and splits the page into PHP topic files.
Pinegrow loves code
Pinegrow does not hide your code. Edit pages visually and in code at the same time. Changes made through the visual user interface are immediately reflected in the code view. Code edits, even if done in the external code editor, are immediately visible on the page and in the visual user interface. (By the way, this makes Pinegrow the perfect tool for learning about HTML and CSS.)
Create websites quickly with blocks
Use the ready-made website block collection to quickly create great-looking websites. Drag the blocks onto the page, customize the content, create CSS style rules, and your website is ready. You can even create fully customizable WordPress themes with blocks.
Edit any page on the web
Pinegrow also allows you to open any page on the web. Just enter the URL and start editing the remote page: change layout, edit text and images, modify CSS rules … This is great for editing server-generated page CSS and for testing templates. Then save the modified HTML and CSS files on your computer.
Use Pinegrow in conjunction with your favorite code editor
Pinegrow fits perfectly into your workflow. Use it in conjunction with your favorite code editor (with intelligent auto-update), source control system, package manager, and deployment tools. Use the plugin for Atom to sync edits with Pinegrow.
Edit PHP, ASP and ERB HTML templates
Visually edit HTML layouts with dynamic server-side code tags. Double-click on any element that contains PHP, ASP, or Ruby on Rails blocks to edit the code.
Note: 7-day trial version.