NewPinegrow 10: Content workspace, Online sync, Publishing

Visual editing for real HTML & CSS

Open any website or start fresh. Build and style it visually, in code and with AI, side by side. Everything stays in standard files you own. No lock-in.

Developed since 2014 and chosen by 10,000+ web professionals. Last updated in October 2026.

Download Mac, Win, Linux, WordPress

Free trial with every feature unlocked.

Buy once or subscribe. Your choice.

Try Pinegrow in the browser 
Working with React, Next or Astro? Get Piny.
HTML Planet for Kids

Let your kids be web creators as well!

News

Release | OCT 1, 2026

Content workspace, Online sync, Publishing, Visual revisions, Spell check, AI improvements and much more.

Release | JUN 17, 2026

Reveal file in Finder, AI Image editor, Start presets, WordPress improvements and bug fixes.

Release | APR 30, 2026

Redesigned Page tabs, better Text editing, move files in Project panel, AI prompts in menus and more.

Release | MAR 29, 2026

Resize images, Project revisions, Dashboard categories, smarter AI Assistant and more.

All release notes »

Features

Everything you need to build, style and maintain websites visually, in code and with AI. Click any feature to see it in a short clip.

Watch all feature videos in Theater mode
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.

Video is loading...
General purpose CSS editor

Style with CSS, SASS and LESS - Live!

See every rule that styles an element in the CSS Tree, use rich visual controls, the CSS Grid editor or code - all working together as one. Edit CSS variables, SASS and LESS, live, without any external tools. 

Video is loading...
Tailwind visual editor

Fully featured GUI for Tailwind CSS projects

Visually style Tailwind CSS projects, including Tailwind 4 projects with a custom theme. Use visual controls for every utility, inspect and edit classes in the Class Inspector, and turn class combinations into reusable styles.

Learn more
Video is loading...
Bootstrap visual editor

The perfect tool for working with Bootstrap

Turn hundreds of Bootstrap classes into powerful visual controls. Insert ready-to-use components and work with live dynamic components like modals. Customize the theme in the Design panel, resize columns right on the page and visualize the layout with display helpers.

Video is loading...
Tools for responsive web

Edit & test your page on all device sizes at once

Edit your page at several device sizes at once. Try device presets, rotate and resize the views, and create media query rules for any breakpoint right from the Style panel. Pinegrow detects breakpoints from your stylesheets, or you can add your own.

Video is loading...
Static HTML components

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

Turn any element into a reusable component with editable areas and update every copy in one step. Build pages from master pages and your own blocks, manage links and files in the Project panel, and hand the site to clients in CMS mode.

Video is loading...
AI Assistant

Pinegrow AI Assistant

Pinegrow AI Assistant

Build faster with a built‑in AI partner that understands your project, edits markup and styles, and helps you automate workflows. Bring your own API key and choose from multiple AI providers. Work side‑by‑side with coding agents like Claude Code and Codex Cli for an efficient, modern workflow.

Video is loading...
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
Video is loading...
Pinegrow PRO with WordPress

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.

Learn more
Video is loading...
More

And that's not all... 

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

Video is loading...

Use Pinegrow to:

Sale IS OFF% OFF
24 Hours
:
00 Mins
:
00 Secs

 Pinegrow editions & add-ons

Get Pinegrow for yourself, your business or your school.

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

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

  • Tailwind CSS
  • Bootstrap
  • Plain HTML
Save 50%
USD 99
USD 49.50
per year
✨ Includes Pinegrow Online for local projects »

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 Builder

Create custom WordPress themes, plugins and blocks - without coding. Learn more »

+
Save 50%
USD 50
USD 25
per year
Shop Builder for WooCommerce

Create custom WooCommerce stores and blocks (requires WordPress Builder). Learn more »

+
Save 50%
USD 50
USD 25
per year
The add-on is not available as a one time payment.
Subscribe

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:

HTML
CSS, SASS & LESS
Live editing
Multiple views
Edit code
Open URLs
Dynamic HTML elements
HTML snippets
Responsive
Bootstrap
Foundation
Blocks
PHP, ASP, ERB
Font Awesome
Projects
Master pages
Smart components
Editable areas
Reusable libraries
Partials
Static CMS

Interactions

Powerful visual editor for designing web interactions and animations:

Interactions
Scroll scenes
Timeline editor
Powered by GreenSock, license included

WordPress Theme Builder

Create production-ready custom WordPress themes:

WP theme builder
Blocks for WordPress

Tailwind Visual Editor

Included in Pro. Visual controls and power tools for Tailwind CSS:

Visual controls
Responsive editing
Styles
Helpers
Component libraries

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 release notes to see how fast Pinegrow is improving.

Frequently Asked Questions

How is Pinegrow different from other website builders?

Pinegrow edits regular HTML and CSS files, visually or in code, without adding any abstraction on top. That also makes it the perfect companion for AI agents: they edit the same files, and you see and refine the result.

Unique features include visual Tailwind CSS and Bootstrap editing, editing multiple pages at once, live SASS and LESS styling, a WordPress theme builder and VS Code integration. See how it compares to Dreamweaver and Webflow.

Why use Pinegrow if an AI agent is building my website?

Agents write code fast, but someone still has to check the result and fix the details. Use Pinegrow alongside Claude Code or Codex: it picks up file changes, so you watch their edits live, then adjust content and styling visually instead of waiting on another prompt.

Before you publish, compare revisions visually and run spelling, HTML and accessibility checks. And if you want AI inside the editor, Pinegrow also has a capable built-in AI Assistant.

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

A one-time license lets you use the current version forever and includes one year of free updates. After that, renew for half the price of a new license, or keep using your version.

A subscription always gives you the latest version, but you can't use Pinegrow after it ends. Interactions and the Shop Builder for WooCommerce are only available with a subscription.

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

People have different needs. Some use Pinegrow daily, others for a single project. Some prefer to own their licenses, others just want their tools always up to date. So instead of going subscription-only like most software companies, we let you choose.

What are the license terms?

Each person using Pinegrow needs their own license. Family members are the exception: your kids can play with Pinegrow on your computer. You can install it on up to 3 of your computers (Windows, Mac or Linux) as long as you are the one using it. Full terms and conditions »

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

As many as you want: websites, WordPress themes and more, with no limits 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!

Meet all our products

Pinegrow runs on your desktop, in your browser and inside WordPress. We also make visual editors for React and Vue projects, and a fun way for kids to learn HTML & CSS.

Pinegrow Web Editor

Desktop HTML & CSS editor for Mac, Windows and Linux. Build websites visually and in code, with Tailwind CSS and Bootstrap tools, live CSS and SASS styling, GSAP interactions, a WordPress theme builder and a built-in AI Assistant.

Pinegrow Online

Visual web editor in your browser, with nothing to install. Build websites with Bootstrap, Tailwind CSS or plain HTML, add GSAP interactions and publish to GitHub, Netlify or Cloudflare Pages. Sync projects with Pinegrow Web Editor.

Pinegrow WordPress Plugin

Install Pinegrow on your WordPress site and turn it into a visual development environment for building custom blocks, whole themes and static HTML projects.

Use same features as WordPress Builder in Pinegrow Web Editor.

Pinegrow Theme Converter for WordPress

Standalone WordPress theme builder that lets you use any website builder to create custom WordPress themes.

After the conversion is set up, you keep using the original website editor to make changes to the theme.

Piny

Visual editor for React, Next.js and Tailwind CSS that runs in Visual Studio Code, Cursor and Windsurf.

Vue Designer

Vue Designer is a visual IDE for Vue applications. It works with every Vite project and frameworks such as Nuxt and Iles.

HTML Planet for Kids

An online space where children learn HTML & CSS and practice their skills on fun creative web projects.

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.

Matjaz Trontelj

Matjaž

FOUNDER

Emmanuel Arnoud

Emmanuel

WP & CUSTOMER SUCCESS

Ahmed Kaja

Ahmed

Vue & Svelte DevRel

We started Pinegrow in 2014 because we wanted a tool that lets you see and shape real HTML and CSS directly, without hiding the code or locking it away.

Since then, the way websites are built has changed again and again: frameworks, WordPress, Tailwind and now AI agents. Pinegrow grew with each of them, and the idea stayed the same.

AI can now write a website in minutes. But a person still decides what is right, fixes the details and keeps the site up to date for years. That person is who we build Pinegrow for.

  1. 2014Visual editing of real HTML, with Bootstrap and Foundation tools
  2. 2015WordPress Theme Builder, components and master pages
  3. 2016CMS for static HTML websites
  4. 2019Interactions and animations with GSAP
  5. 2020Tailwind Visual Editor
  6. 2023Pinegrow Online and the AI Assistant
  7. 2026Content workspace, direct publishing and integration with AI agents