| Version | Change log |
| Pinegrow Web Editor 8.6 Oct 28, 2025 |
Making Pinegrow Easier to Use: Turn on contextual tips from the top-right Help icon to get inline explanations and “learn more” links across the UI right when you need them. Use optimized workspaces for Bootstrap, Tailwind and plain CSS. Build Faster with Quick Insert: Use append / insert after icons on the selected element to build HTML structure directly on the page. Combine with Smart AI Insert for super-power. Live Project Sync (Auto Refresh): The Project panel can now auto-refresh when files change outside Pinegrow (enable in Settings), plus a new Refresh icon for manual rescans. CSS Variables in the Style Panel: Overview, Usage, and Best Practices: The new VARS tab centralizes CSS variables alongside SASS/LESS tokens, grouped by stylesheet with instant visual feedback as you tweak, toggle, and add values—turning design-system upkeep into a fast, visual workflow. Text Editing Tab Navigation: Edit copy at speed: double-click to inline edit, then use Tab/Shift+Tab to jump across text elements without touching the mouse. To avoid conflict with the current Tab behavior (quick hide / show panels) that was reassigned to Alt+Tab. Smart Table Builder & Editor: Insert and edit tables with structure-first tools—add/move rows and columns, merge/split cells—while Bootstrap/Tailwind starter styling gets you presentable defaults out of the box. Edit Dark & Light Themes Side-by-Side: Force any Page View to Light or Dark and compare them side-by-side; each view keeps its own mode and updates live as you edit. Works best with local stylesheets that use prefers-color-scheme (compile Tailwind locally if needed). Attribute-Aware Search (Find by Attribute Value): Target elements by attribute and substring value—perfect for link/version audits, data- attributes, ARIA, and test hooks. Lightning Netlify Deploys (Delta Uploads): Publish only changed files for dramatically faster Netlify deploys, accessible right from the project UI—ideal for frequent, low-friction shippin |
| Pinegrow Web Editor 8.4 Mar 13, 2025 |
Tailwind CSS 4 Integration: Pinegrow now fully supports Tailwind CSS 4, the latest version of the popular utility-first CSS framework. This update brings a number of changes and improvements to how you work with Tailwind in Pinegrow. Version detection: Automatic Version Detection: Pinegrow automatically detects the correct version of Tailwind CSS used in existing projects. Manual Version Override: If needed, the Tailwind CSS version can be manually changed in the Properties panel under the “Tailwind CSS Options” section. Pinegrow’s auto-detection has proven very accurate in testing. Arbitrary control values: Tailwind CSS 4 introduces broader support for arbitrary values, allowing for more fine-grained control over styling. Pinegrow now fully supports this: Expanded Property Controls: Property controls (for example, those controlling padding, spacing, width, and height) now offer a significantly expanded range of options in the dropdown menus. This reflects the expanded possibilities within Tailwind CSS 4. Combined Color and Opacity: A significant change in Tailwind CSS v4 is the way color and opacity are handled. Tailwind CSS 4 uses a combined notation for specifying both color and opacity, such as bg-red-400/50 (a red background with 50% opacity). Separate opacity classes (e.g., opacity-50) are no longer the standard way to apply transparency. Simplified Visual Controls: Pinegrow’s visual controls provide a color selector, along with a dedicated opacity selector. Class Tree Inspector: All color classes have an Opacity sub-menu for quick transparency selection. Improved Pseudo-Class Variant Management: Tailwind CSS offers a wide array of pseudo-class variants (e.g., :hover, :focus, :first-child, and many more). Pinegrow’s “Pseudo class” selector in the Properties panel has been redesigned to provide a more organized and efficient workflow: Organized Sub-Menus: Pseudo-class variants are now organized into logical sub-menus (e.g., “All variants”, “ |
| Pinegrow Web Editor 8.3 Dec 12, 2024 |
Search in CSS Tree panel WordPress Tailwind starter project Editing multiple files with AI Use ChatGPT and similar services with Pinegrow |
| Pinegrow Web Editor 8.2 Nov 27, 2024 |
Smart Insert AI Style editing Auto create components and WordPress blocks Block themes & more. |
| Pinegrow Web Editor 5.96 May 15, 2020 |
Improved Page Libraries: Page Libraries let you add any web page (local or remote) to the Library Panel and use it as a library of components that you can then drag to your page. |
| Pinegrow Web Editor 5.95 Apr 1, 2020 | Partials are back, improving the default stylesheet, create new file from the project view and configuring Pinegrow in centralized deployment. |
| Pinegrow Web Editor 5.941 Feb 27, 2020 |
Create custom blocks for WordPress Block Editor: You can now use WordPress Theme Builder to turn any HTML element into a custom WordPress block. Blocks can contain custom fields and use all available WordPress actions, for example displaying a list of related posts. Improved CSS Grid editor: CSS Visual Editor now includes controls for align-items, justify-content and align-content properties. These properties control how grid content is positioned vertically and horizontally in the available space. Creating new pages: Pinegrow got smarter in how it handles creating new pages within an existing project. For example, when adding a Bootstrap 4 starting page into a project subfolder, the new page will use existing Bootstrap resources from the project root folder, instead of duplicating these resources in the target subfolder. Speeding up project loading: Pinegrow 5.93 introduced the ability to exclude project files and folders from the process of scanning the project for components. |
| Pinegrow Web Editor 5.94 Feb 27, 2020 |
Create custom WordPress blocks Improved CSS Grid editor and projects. |
| Pinegrow Web Editor 5.93 Feb 4, 2020 | Insert special characters, exclude project folders and files, updated device presets and UI improvements. |
