Skip to content
pinegrow.com
Docs menuPinegrow Web Editor release notes

Pinegrow Web Editor 8.3, December 11, 2024

Search in CSS Tree panel – WordPress Tailwind starter project – Editing multiple files with AI – Use ChatGPT and similar services with Pinegrow

On this page

Download Pinegrow 8.3

The package includes Pinegrow PRO, WordPress, WooCommerce, Interactions and Tailwind editor.

Pinegrow for Mac (Intel) Antivírus checkedMac: 4a66b5dfa9ea6f56d5d489b1ba062ad302050952

Pinegrow for Mac (Apple Silicon) Antivírus checkedMac: 0b2281cb257d12fbcbea85b7d3d1c1c71e2e330a

Pinegrow for Windows 64 (Installer) Antivírus checkedWindows: 97ed125ecc8b0c34f271198bd3148c538690783b

Pinegrow for Linux (Zip, 64bit) Antivírus checked Linux: 01a0a8102534f1e4137ee34982b84256c6f3b405

Pinegrow WordPress Plugin 1.0.22

Pinegrow WordPress Plugin (Zip)

Search in CSS Tree Panel

We’ve added a new search function in the style panel’s tree view. Now, you can search for specific CSS properties or values, like ‘font’ or ‘red’. This means you can quickly find and tweak the exact rules you’re interested in, saving time and making CSS styling a breeze.

To use it, switch to the Tree tab in the Style panel:

Style panel with the ACTIVE and TREE tabs, and a tip that the CSS Tree shows active rules for the selected element and its parents

Use the Search icon to activate the search mode:

CSS Tree for an h1 with the Show or hide search callout pointing at the search icon in the Style panel

Then, search for properties and values:

CSS Tree search for font listing matching rules in _header.scss and style.scss, such as font-size 54px and font-weight 400

Tailwind WordPress Starter Project

Launching a new Tailwind-based WordPress theme? Our new starter project is here to help! Available in the New Project dialog, it comes pre-configured with all the boilerplate you need. This means correct Tailwind styling on the front end and in the block editor, plus a video guide and a mini-course to help you get started.

Create a new page dialog with WP Block Theme with Tailwind selected, previewing the index.html starter with Open, Guide and Preview buttons

The starter project is also available in Pinegrow WordPress plugin.

Watch the video guide:

Multi-File Editing with AI Assistant

Our AI Assistant just got a major upgrade! It can now edit multiple files, making it easier than ever to create multi-page websites or split a single-page site into sub-pages. It doesn’t just stop at HTML; it can edit CSS, JSON, and any other files in your project. This new feature is perfect for ensuring consistent navigation and updating multiple pages at once.

Watch the vide guide:

Step by step guide:

Select Multiple files action in the AI panel:

AI command menu with Multiple files highlighted, and a callout that AI Assistant can edit or create several files in the project

Enter the instructions in the prompt field:

AI Assistant panel in Multiple files mode with a prompt to split the page into subpages, beside a Tales from the Pine Forest preview

Pinegrow will output which files the AI Assistant is editing:

AI Assistant in Multiple files mode showing progress lines for Editing index.html, whispering-pines.html and lost-pine-grove.html

In Multiple files mode, AI assistant can edit and create any file in the project:

Tales from the Pine Forest page preview with editor tabs open for index.html, whispering-pines.html, lost-pine-grove.html and sentinel-pine.html

Use ChatGPT and similar services with Pinegrow’s AI Assistant

Introducing the manual provider for AI services! This new feature lets you interface with external services like ChatGPT or other AI tools. Instead of running the action through API directly, Pinegrow copies the complete prompt to the clipboard. From there you paste it into your preferred chat service, and the paste the response back into Pinegrow for processing.

Manual provider is perfect for users who prefer specific chat services or have subscriptions to advanced AI models.

Watch the video guide:

Step by step guide:

Activate the Manual API provider in AI Assistant settings:

AI Assistant settings listing API providers such as OpenAI, Anthropic, Fireworks and Open Router, with Manual (copy paste) settings among them

With that, you will be able to select Manual model as either Quick or Smart model:

AI Assistant Models settings with Smart selected as the active model and the Smart model set to Manual (copy paste)

After running the task, the complete prompt is copied to the clipboard. Paste it into your external AI service such as Chat GPT.

Copy the response:

Chat response with a generated HTML article block, with the Copy button under the response highlighted

And paste it back into Pinegrow for processing:

Enter response dialog saying the prompt was copied to the clipboard, with an LLM Response box and Process the response button

Followups are also supported.

Download Pinegrow 8.3

The package includes Pinegrow PRO, WordPress, WooCommerce, Interactions and Tailwind editor.

Pinegrow for Mac (Intel) Antivírus checkedMac: 4a66b5dfa9ea6f56d5d489b1ba062ad302050952

Pinegrow for Mac (Apple Silicon) Antivírus checkedMac: 0b2281cb257d12fbcbea85b7d3d1c1c71e2e330a

Pinegrow for Windows 64 (Installer) Antivírus checkedWindows: 97ed125ecc8b0c34f271198bd3148c538690783b

Pinegrow for Linux (Zip, 64bit) Antivírus checked Linux: 01a0a8102534f1e4137ee34982b84256c6f3b405

Pinegrow WordPress Plugin 1.0.22

Pinegrow WordPress Plugin (Zip)