a desktop app that lets you build responsive websites faster with live multi-page editing, CSS styling and smart components for Bootstrap, Foundation, AngularJS and WordPress. Try it onlineWatch video »
The brand new Pinegrow 3 is here.
Introducing Pinegrow CMS for static HTML websites.
Pinegrow 2.9 - Use Atom as code editor in Pinegrow with live sync between both apps.
Pinegrow 2.8 - Copy & paste, edit Javascript files, project-wide auto-complete...
Pinegrow 2.7 - Edit components in PROP panel, collapse whole tree level, Materialize update...
Pinegrow 2.6 - improved UI, better code editing and smarter components.
Pinegrow 2.5 - with Foundation 6, improved components & WordPress builder, Google Font selection tool and cool tutorials of PRO features: Build your own Blocks and Creating a reusable component.
Check out the user manual. Build a free online resume with Kelvin Pine template.
Please note that this website is not yet updated for Pinegrow 3.
Check out the Quick Guide to Pinegrow 3 to see all that's new and improved.
Are you working with HTML pages, WordPress themes, Bootstrap or Foundation?
See why you should have Pinegrow in your toolbelt:
Pinegrow lets you work with HTML files on your computer. It doesn't add any frameworks, layouts or styles of its own to your code. There is nothing to upload, import or export. Simply open, edit and save your HTML files.
Quickly build the layout of your webpage with Pinegrow's powerful visual tools for adding, editing, moving, cloning and deleting HTML elements.
Everything you do in Pinegrow is live. There are no previews. You can edit and test your page at the same time - even if you're using dynamic JavaScript elements.
Pinegrow has full support for Bootstrap and Foundation. Drag components to the page and customize them through UI properties. Pinegrow automatically sets attributes, adds classes or even adjusts the component's HTML code. AngularJS, 960 Grid and plain HTML are also supported.
Open or create a 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 theme files. And much more!
Edit multiple pages at the same time makes responsive website design a breeze. Duplicate and mirror pages (changes in the source page are automatically reflected in a mirrored page), set different zoom levels and device sizes.
Pinegrow doesn't hide the code from you. Edit pages visually and through code - at the same time. Changes made through visual UI are immediately reflected in the code view. Code edits - even if made in external code editor - are immediately visible on the page and in visual UI. (BTW, this makes Pinegrow the perfect tool for learning about HTML & CSS).
Edit CSS rules visually or through code. Add variables and expressions to create easily customizable themes. Use Stylesheet manager to clone, attach and remove stylesheets. Changes made to a stylesheet will be immediately visible on all pages that use that stylesheet.
Easily design responsive websites with Media query helper tool. Add custom breakpoints or let PG detect them by analyzing stylesheets. Use multi-page editing to edit the page at multiple device sizes.
Use the collection of ready-made website blocks to quickly build great looking websites. Drag blocks to the page, customise the content, style CSS rules if you want - and your website is done. You can even create fully customisable WordPress themes with blocks.
Pinegrow also lets you open any page from 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 CSS of server-generated pages and for trying out templates. Then save modified HTML and CSS files to your computer.
Pinegrow fits right into your workflow. Use it alongside your favorite code editor (with smart auto-refresh), source control system, package manager and deployment tools. Use plugin for Atom to live sync edits with Pinegrow.
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. Read more »
Pinegrow PRO is an edition of Pinegrow Web Editor with powerful tools like Projects, Master pages, Partials and Smart components, perfect for building and managing multi-page websites.
Use element library to quickly put together a page mockup. Duplicate the page and play with different layout variations.
Pinegrow knows how to rearrange HTML code of an element if you change its properties. For example, changing form layout from normal to horizontal requires just one click.
Why stop at mockup? Just go ahead and turn it into a custom designed webpage by styling elements with CSS rules. Edit rules through GUI or write code directly.
Use variables instead of hard coding CSS values. Use math expressions and functions like lighten and darken to create designs that can be customised by changing just a couple of variables - all in real time.
Open multiple pages that share the same stylesheet. Style changes are reflected on all pages in real time. View them at different screen sizes. Mirror content from one page to another.
Take a page and open a mirrored copy. Use Stylesheet manager to duplicate and attach / detach stylesheets. Play with different designs in real time. Bonus points if you use different screen sizes and CSS variables.
Use Pinegrow as a CMS for your static Html pages. Move elements around and double click on any element to edit its text content.
Just open a template demo from the internet and start customizing it with your images and content. Immediately see if the template works for you or not.
Need a Bootstrap form or navbar? Design it in Pinegrow, change its layout with a single click. Select the form, click on Actions / Edit code and copy the html.
Save frequently used page elements into libraries and reuse them across pages and projects. Or share them with your team members.
Pinegrow is a standalone desktop app. Install it on your computers and use it on as many projects as you want.
| Pinegrow | Pinegrow PRO | Pinegrow PRO + WP | |
|---|---|---|---|
| Perfect for | Single page websites | Multi-page websites and web apps | Multi-page websites, web apps and WordPress themes |
| Features | All from Pinegrow, plus: | Pinegrow PRO, plus: | |
| HTML | Projects | WP theme builder | |
| CSS & LESS | Master pages | Blocks for WordPress | |
| Live editing | Smart components | ||
| Multiple views | Reusable libraries | ||
| Edit code | CMS | ||
| Open URLs | |||
| HTML snippets | |||
| Responsive | |||
| Bootstrap | |||
| Foundation | |||
| Blocks | |||
| PHP, ASP, ERB | |||
| Font Awesome | |||
| Option 1 - One-time payment(prefer subscription?) | |||
| PERSONAL LICENSE for Individuals and FreelancersLooking for upgrade? |
$39
+ VAT for EU
Buy
|
$80
+ VAT for EU
Buy
|
$120
+ VAT for EU
Buy
|
| COMPANY LICENSE for Companies and OrganizationsVolume discount |
$64
+ VAT for EU
Buy
|
$143
+ VAT for EU
Buy
|
$207
+ VAT for EU
Buy
|
| Free updates | 1 year | 1 year | 1 year |
| Option 2 - Monthly subscription with recurring monthly payment (you can cancel at any time) | |||
| PERSONAL LICENSE for Individuals and Freelancers |
$8 / month
+ VAT for EU
Subscribe
|
$12 / month
+ VAT for EU
Subscribe
|
|
| COMPANY LICENSE for Companies and OrganizationsVolume discount |
$15 / month
+ VAT for EU
Subscribe
|
$20 / month
+ VAT for EU
Subscribe
|
|
| Always up-to-date | |||
Please get a Company license if you're buying Pinegrow for a company.
Review the license agreement and buy the license. You'll receive email with the serial number after checkout. Launch the app and input your serial number under "3. Enter the serial number".
Do you prefer affordable monthly subscription?
Are you a student or an educator? We have a special offer for you.
with volume discounts and flexible plans
Pinegrow is a desktop app that works with regular HTML files. We believe that a standalone app fits into a web development workflow much better than cloud solutions.
Pinegrow has unique features like editing multiple pages at the same time, complete range of Bootstrap and Foundation components, CSS styling with LESS support, Stylesheet manager... And more useful features are on the way.
Pinegrow doesn't add any abstraction on top of HTML and CSS. It simply helps you to work with HTML and CSS more efficiently, either visually or through code.
A separate license is needed for each individual user who is using the app. Exception is made for your family members - it makes no sense requiring your kids to buy a separate license if they want to play with Pinegrow on your computer.
You can install your copy of Pinegrow on up to 3 of your computers (at home and at work, Windows, Mac or Linux) as long as you are the one using the app.
If you are buying Pinegrow for a company, you need the company license. You need one company license for every person in your company who will be using Pinegrow.
Each product purchase gives you a license to use the current version of the program forever and includes one full year of free updates to your edition of Pinegrow.
After the one year of free updates expires you may wish to renew your license - for just half the price of a new license - so as to obtain an additional year of free updates.
Your existing version will continue to work, but we're confident that you'll want to take full advantage of our latest enhancements at a substantial discount.
We love pine trees. They smell amazing and it’s fun to chill in their shadow in the summer. Pine needles let through the perfect amount of sunlight. And as trees normally do, they grow. So, Pinegrow!
We send out news about Pinegrow every two weeks or so. You can unsubscribe at any time.
Ran into problems? Have a suggestion? Want to say hi? We would love to hear from you!
Read the user manual and check out video tutorials.
Join our super-friendly community on Slack.
E-mail: support [spam bots can't see that] pinegrow.com
Follow @Pinegrow on Twitter for product updates.
