- Pinegrow, visual web editor for professionals
- News
- Features
- Watch the quick overview of what Pinegrow can do for you:
- Speed up building HTML with visual power tools
- Style with CSS, SASS and LESS — Live!
- The perfect tool for working with Bootstrap & Foundation
- Fully featured GUI for Tailwind CSS projects
- 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 and plugins
- 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
- 35% OFF All Pinegrow editions
- 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?
Pinegrow,
visual web editor for professionals
Pinegrow lets you work faster with HTML, CSS / SASS, Bootstrap, Tailwind CSS, GreenSock Interactions, WordPress and WooCommerce.
Pinegrow is available as a desktop app and as a self-hosted WordPress plugin.
Pinegrow works with standard web files and easily integrates into your existing workflow.
Free trial is included.
Let your kids be web creators as well!
News
Features
Are you working with HTML pages, WordPress themes, Bootstrap or Tailwind CSS?
See why you should have Pinegrow in your toolbelt.
Watch the quick overview of what Pinegrow can do for you:
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.
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.
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.
Fully featured GUI for Tailwind CSS projects
An add-on for Pinegrow Web Editor that lets you visually work with Tailwind CSS projects including those that use a custom theme.
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.
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.
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.
Create production-ready WordPress themes and plugins
Pinegrow is also the perfect tool for creating production-ready WordPress themes and plugins. Take any HTML page and turn it into a WordPress theme or Gutenberg blocks by assigning WordPress actions to individual elements on the page. Pinegrow exports the standard PHP WordPress files.
And that’s not all.
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.
35% OFF All Pinegrow editions
Get Pinegrow for yourself, your business or your school.
Design your own Pinegrow plan
Looking for Pinegrow WordPress plugin? Here it is.
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.
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.
Bring your projects alive with interactions, animations and scroll scenes. Learn more »
Interactions are not available with one time payment. You can get them as a separate add-on subscription.
Powerful visual editor for your Tailwind CSS projects. Learn more »
Create custom WordPress themes, plugins and blocks — without coding. Learn more »
Create custom WooCommerce stores and blocks (requires WordPress Builder). Learn more »
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 deciding? Take a look at feature comparison.
Are you a student, non-profit or educator? We have a special plan for you.
If you can’t afford Pinegrow at the moment, get in touch and we’ll find a solution.
Pinegrow Web Editor Pro
Work smarter with HTML projects:
Interactions
Powerful visual editor for designing web interactions and animations:
WordPress Theme Builder
Create production-ready custom WordPress themes:
Tailwind Visual Editor
Visual controls and power tools for Tailwind CSS:
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.
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.
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.