Build websites faster with
Pinegrow Web Editor

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 other frameworks. Try it onlineWatch video »

* Also works without Bootstrap

Pinegrow works on Mac, Windows and Linux

The latest news

Check out the new user manual. Build a free online resume with Kelvin Pine template.

Pinegrow 1.25 with support for external code editors is out.

Pinegrow 1.22 added many useful features. Read more in 5 Cool New Things You Can do With Pinegrow.

New tutorials added to the  Support portal. Ask a question if you need a tip.

TutsMe Webdesign published a comprehensive review of popular Bootstrap visual editors. Here's the conclusion: 

So which Bootstrap Visual Editor is the best?

Purely looking at the quality of the visual editor and how clean the HTML result is I conclude that Divshot and Pinegrow are both very good options. The graphical interfaces of Divshot and Pinegrow have a lot in common and are both very easy to work with. Looking at the price of those two editors Pinegrow becomes a very attractive choice (Divshot starts at $30 a month; Pinegrow costs only $49.95).


Are you working with HTML pages, templates, Bootstrap or Foundation?
See why you should have Pinegrow in your toolbelt:

Open HTML files on your desktop

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.

Pinegrow works with other frameworks

Speed up working with HTML

Quickly build the layout of your webpage with Pinegrow's powerful visual tools for adding, editing, moving, cloning and deleting HTML elements.

Pinegrow works with other frameworks

Live editing

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 works with other frameworks

Bootstrap, Foundation, AngularJS or HTML

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.

Pinegrow works with other frameworks

Multi-page editing

Edit multiple pages at the same time. Duplicate and mirror pages (changes in the source page are automatically reflected in a mirrored page), set different zoom levels and device sizes.

Pinegrow works with other frameworks

Pinegrow loves the code

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).

Pinegrow works with other frameworks

Powerful CSS editor

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.

Pinegrow works with other frameworks

Make your pages responsive

Easily create responsive layouts 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.


Edit any page from the web

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.

Editing multiple pages

Add elements to component libraries

Add page elements to component libraries and reuse them across projects. Component libraries are saved as Pinegrow JavaScript plugins so that you can easily edit, share and maintain them.

Editing multiple pages

Use Pinegrow alongside your favorite code editor

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.

Editing multiple pages

Use Pinegrow to:

Quickly mockup a page

Use element library to quickly put together a page mockup. Duplicate the page and play with different layout variations.

Watch the video »

Work with Bootstrap and Foundation

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.

Watch the video »

Style a page

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.

Watch the video »

Use CSS variables and functions

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. 

Watch the video »

Edit multiple pages at the same 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.

Watch the video »

Experiment with different designs

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.

Edit content of a page

Use Pinegrow as a CMS for your static Html pages. Move elements around and double click on any element to edit its text content.

Watch the video »

Try templates online

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.

Watch the video »

Need a quick code snippet?

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.

Reuse components

Save frequently used page elements into libraries and reuse them across pages and projects. Or share them with your team members.

Watch the video »

It is the best design and code editor i have used so far... And this comes from a person who works fluidly in Sublime Text and Dreamweaver.

Thomas Djärv, Cloudier

This is a sweet app for web design. Got it this morning and I'm already using it a lot to throw some prototypes together. Awesome!

Ray Baer on  Twitter

Looks amazing! @Pinegrow A Win/Mac app that lets you mockup & design #Bootstrap sites.

Creative Punch on  Twitter

Geniale IDE! Pinegrow Web Designer.

Sven Kubiak on Twitter

Hey, just bought your product and I love it.

Kevin Ramirez,  SixtyVocab

Get Pinegrow for only $59.95$39.95 *

☀ LAST DAY - THANKSGIVING SALE Get Pinegrow for only $49 $49

with 30 day money back guarantee

* This offer ends today at midnight GMT.

Pinegrow is a standalone desktop app. Buy it once, install it on your computers and use it on as many projects as you want.

Personal license Company license *
Price $49 $49
+ 20% VAT for EU
save $20 until June 30
$79 $79
save $15 until June 5
+ 20% VAT for EU
License is suitable for Individuals Companies
Free updates 1 Year 1 Year
Use Pinegrow to make money Yes Yes
Who can use the app? Only the person to whom the license is assigned One user per license
Install on Up to 3 personal computers Any company computer

Buy Now! Buy Now!
License is assigned to Person Company

* Please buy a Company license if you're a company.

Choosing the best license type for you: Personal or 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".

VAT will be added for EU customers. If you are registered for VAT enter your VAT ID during the checkout process to buy without tax.

    Buy Now    

Are you a student or an educator? We have a special offer for you.

Download Pinegrow: Mac - Win - Linux 64 - Linux 32

p.s. If you can't afford to buy Pinegrow at the moment, get in touch and we'll help you out.

Subscribe to product updates

Not ready to download? Try Pinegrow Online

Bootstrap examples

Play with example pages from Bootstrap distribution. Blank page is included.

Open editor 

Pine Trees

Open a demo website and experiment with different Css variations and page elements.

Open editor 

Pinegrow in Pinegrow

Open this page in Pinegrow editor. If you make any improvements, send them to us :)

Open editor 

Have fun on #ProjectFridays

Let's do a fun Pinegrow project together every Friday, like building a website, doing HTML5 experiments, making a simple game...

Subscribe here and each Friday we'll send you instructions and resources for making a project of your own. You can make projects online or with the app.

Frequently Asked Questions

How is Pinegrow different from Dreamweaver, Macaw, Jetstrap, Webflow?

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.

What are the license terms?

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.

How is the app made?

The web playground and the desktop app versions share the same JavaScript code. We do lots of DOM manipulation and Css processing with the modified version of Less.js library. Desktop apps are made with node-webkit that packages Node.js, Chromium browser and the app into an executable desktop app. Node-webkit is great! See Support / About for the complete list of all used open source projects.

Why the name "Pinegrow"?

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!

Get news about Pinegrow

We send out news about Pinegrow every two weeks or so. You can unsubscribe at any time.

Contact & Support


Ran into problems? Have a suggestion? Want to say hi? We would love to hear from you!

Read the user manual or visit  support portal to check the knowledge base or report an issue.

E-mail: info [spam bots can't see that]

Follow @Pinegrow on Twitter for product updates.


About us

Pinegrow is made by Humane technologies, a small company in Slovenia run by my wife Ivona and me, Matjaz

Pinegrow is a tool we wanted for ourselves. Read the whole story here. Our other products are Booklers and

Matjaz Trontelj   Ivona Stimac Trontelj