Introducing Tailwind Visual Editor add-on for Pinegrow

Pinegrow Web Editor, website builder for professionals

Pinegrow is a Mac, Windows and Linux web editor that lets you build responsive websites faster with live multi-page editing, CSS & SASS styling, CSS Grid editor and support for Bootstrap, TailwindCSS, Foundation and WordPress.

Pinegrow is a desktop website builder that opens and saves standard HTML and CSS files. That means:

You won’t be locked into a proprietary file format.
Just open and edit your existing projects.
Use Pinegrow alongside other web development tools.
Build websites offline, without internet connection.
Create as many websites as you want.

New in 5.972

Work with customized TailwindCSS themes, improved CSS Grid editor and bug fixes. Learn more.

Download for Mac, Windows & Linux

Free trial is included. All features, including interactions and WordPress theme builder, are fully functional in the free trial.

Pinegrow, visual website builder for professionals.

News

Release | July 29, 2020

Customized TailwindCSS themes, improved CSS Grid editor and bug fixes.

Release | July 8, 2020

TailwindCSS, improved drag & drop, HTML library, copy attributes and more.

Release | May 14, 2020

Improved Page Libraries, XHTML support, component link mapping and more.

Release | APR 1, 2020

Edit HTML & script partials, create new files, UI improvements and more.

All release notes »

Features

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

Works with any HTML project

Speed up building HTML with visual power tools

Quickly build the layout of your webpage with powerful visual tools for adding, editing, moving, cloning and deleting HTML elements. Insert multiple elements with repeater and modify the layout of all selected elements with one move.

General purpose CSS editor

Style with CSS, SASS and LESS - Live!

Inspect active CSS rules, use rich visual controls, CSS Grid editor, Dev tools-like editor or code - all working together as one. Edit SASS and LESS, live, without any external tools.

Are you using Frameworks?

The perfect tool for working with Bootstrap & Foundation

Turn hundreds of framework classes into powerful visual controls. Use the complete library of ready-to-use components and work with dynamic components like modals. Resize columns on the page and visualize the layout with display helpers.

Tools for responsive web

Edit & test your page on all device sizes at once

Use multi-page editing to edit your pages at multiple device sizes. Easily design responsive websites with Media query helper tool. Add custom breakpoints or let Pinegrow detect them by analyzing stylesheets.

Pinegrow PRO

Components, master pages, projects, CMS mode...

Pinegrow Pro lets you speed up your work even more with smart features such as master pages that let you define templates for your project. Turn page elements into reusable components with custom editable areas. Use Pinegrow as CMS for static HTML websites.

Pinegrow Interactions

Create stunning interactions & animations for your web projects

Pinegrow lets you create powerful interactions and scroll scenes with custom animations designed with the timeline editor. Animations are powered by GreenSock GSAP, a proven high-performance animation library.

Learn more

Pinegrow PRO with WordPress

Create production-ready WordPress themes visually & fast

Pinegrow is also the perfect tool for creating production-ready WordPress themes. Take any HTML page and turn it into a WordPress theme by assigning WordPress actions to individual elements on the page. Pinegrow exports the standard PHP WordPress files.

Learn more

Tailwind visual editor

Fully featured GUI for TailwindCSS projects

An add-on for Pinegrow Web Editor that lets you visually work with TailwindCSS projects including those that use a custom theme.

Learn more

Live sync Pinegrow with Atom & VS Code, edit server side tags, use ready-made Blocks, open pages from the web and more.

Use Pinegrow Web Editor to:

Build websites

Create websites from scratch or edit your existing projects. Pinegrow has everything you need to build websites: HTML editing tools, styling, framework tools, component libraries and more.

Quickly mockup a page

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

Use CSS variables and functions

Use variables, mixins and other SASS and LESS goodies. 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.

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 the Visual editor or write the code directly.

Make your page responsive

Open multiple pages that share the same stylesheet. Style changes are reflected on all pages in real time. View them at different screen sizes.

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.

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.

Need a quick code snippet?

Need a Bootstrap form or a navbar? Design it in Pinegrow, change its layout with a single click. Select the form and copy the HTML code.

Collaborate with others

Use standard source control tools like Git to manage your code and to collaborate on projects with your team members.

Special Offer: UP TO 50% OFF all Pinegrow editions & renewals of one-time payment licenses.

Design your own Pinegrow plan

with 30 days money-back guarantee

Please select a payment plan:

Use Pinegrow for as long as your subscription is active and keep your license always up to date. You will be automatically charged every year. You can cancel the subscription at any time.

Pinegrow Web Editor PRO

Build web projects with powerful tools for editing HTML & CSS - visually and with code.

Bootstrap
Foundation
Plain HTML
Components
Live SASS Editing
Multiple views
Edit URLs
PHP, ASP & ERB
Master pages
Font Awesome
and more...

Save 50%

USD 99

USD 49.50

per year

How many people will use Pinegrow?
Price per user Save 50%	USD	100
Discount Save 50%	USD	- 50
Tax	USD	10.50
Total per year	USD	65.50

Select add-ons:

Interactions

Bring your projects alive with interactions, animations and scroll scenes. Learn more »

Save 50%

USD 200

USD 50

one time

Interactions are not available with one time payment. You can get them as a separate add-on subscription.

FREE

WordPress Theme Builder

Create fully-featured custom WordPress themes without coding. Learn more »

Save 50%

USD 50

USD 25

per year

Tailwind Visual Editor

Powerful visual editor for your Tailwind CSS projects. Learn more »

Save 50%

USD 50

USD 25

per year

I understand that I can use Pinegrow for as long as my subscription is active. I will be automatically charged every year and can cancel the subscription at any time. If cancelled, I won't be able to use Pinegrow anymore.

Need help? Take a look at feature comparison.

Our order process is conducted by our online reseller Paddle.com. Paddle.com is the Merchant of Record for all our orders. Paddle provides all customer service inquiries and handles returns.

30 days Money-back guarantee

Not 100% sure if Pinegrow is right for you? No worries. Try it without risk. Please note that refunds are not available for monthly subscriptions. Details.

Support & friendly community

Get support when you need it and participate in our friendly user community in the online forum.

Active development

We work on Pinegrow full-time and publish frequent new releases. Check out the timeline of Pinegrow releases to see how fast Pinegrow is improving.

Frequently Asked Questions

How is Pinegrow different from other website builders?

Pinegrow is a desktop app that works with regular HTML and CSS 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, a complete range of Bootstrap and Foundation components, live CSS styling with SASS and LESS support, a WordPress theme builder, VCS plus Atom integration and more.

Pinegrow doesn't add any abstraction on top of your HTML and CSS. It simply helps you to work with pages and stylesheets more efficiently, either visually or through code. Pinegrow is tailored to professional web developers and designers.

Read a user review about how Pinegrow compares to Dreamweaver.

What are the license terms?

A separate license is needed for each individual user who is using the app. Exceptions are made for 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.

Full terms and conditions »

What is the difference between one-time payments and subscriptions?

Each one-time license 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 - to obtain an additional year of free updates. If not, you can just keep using your current version.

With subscriptions, you always have access to the latest version of Pinegrow, but you won't be able to continue using Pinegrow after your subscription ends.

Why do you offer both one-time payments and subscriptions?

People have different needs - some use Pinegrow daily, and some want to use it for a single project. Some prefer to own their software licenses and some don't want to think about version numbers and just want their tools to always be up to date.

So, at a time when more and more software companies are moving exclusively to a subscription model, we said: "Hey, why not just offer both and let users choose what's best for them?"

How many projects can I create with a single license of Pinegrow?

You can use your Pinegrow license to create as many projects (websites, WordPress themes...) as you want. There are no limitations and no extra fees.

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!

Have more questions?

Check out the complete FAQ.

Read the complete FAQ

Support

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

User manual

Read the user manual
Video tutorials

Check out our video tutorials.
Slack community

Join our super-friendly forum community.
Email us

E-mail: support@pinegrow.com
Twitter

Follow @Pinegrow on Twitter for product updates.

Meet all our products

All our web development applications work with your local projects and work well together with your other tools.

Great in combination with Pinegrow Web Editor.

About us

We are a small, highly productive team, working remotely from many different parts of the world.

Pinegrow is a tool we wanted for ourselves. Read the story of how Pinegrow was created.

Author

Co-founder

WP & Support

Developer

Despite advances in browser compatibility, CSS features and helpers like SASS and Bootstrap, it often feels that web development got more difficult - not less.

One reason for that is the complexity of the tools that are required to build modern websites. The other reason is that visual website building tools aimed at professionals seem to be a thing of the past. Dealing with code directly is considered to be the best approach.

Well, I think there is a better way.

The boring parts of setting up a new project can be automated, 100s of framework classes can be turned into visual controls and SASS can be live-compiled without any external tools. Visual editing and code can be used side by side.

That’s what Pinegrow is about.
Matjaž Trontelj, the author of Pinegrow

Stay in touch!

Pinegrow came far in the last four years and we still have lots of ideas for making website creation even easier - and more fun. So keep in touch.

Download for Mac, Windows & Linux

Free trial is included.

GET OUR NEWSLETTER

Get news about Pinegrow. You can unsubscribe at any time.

Pinegrow Web Editor, website builder for professionals

News

Features

Speed up building HTML with visual power tools

Style with CSS, SASS and LESS - Live!

The perfect tool for working with Bootstrap & Foundation

Edit & test your page on all device sizes at once

Components, master pages, projects, CMS mode...

Create stunning interactions & animations for your web projects

Create production-ready WordPress themes visually & fast

Fully featured GUI for TailwindCSS projects

And that's not all...

Use Pinegrow Web Editor to:

Build websites

Quickly mockup a page

Use CSS variables and functions

Style a page

Make your page responsive

Edit content of a page

Try templates online

Need a quick code snippet?

Collaborate with others

Design your own Pinegrow plan

Pinegrow Web Editor Pro

Interactions

WordPress Theme Builder

Tailwind Visual Editor

30 days Money-back guarantee

Support & friendly community

Active development

Frequently Asked Questions

How is Pinegrow different from other website builders?

What are the license terms?

What is the difference between one-time payments and subscriptions?

Why do you offer both one-time payments and subscriptions?

How many projects can I create with a single license of Pinegrow?

Why the name "Pinegrow"?

Have more questions?

Support

Meet all our products