-
Latest Version
Pinegrow Web Editor 9.1 LATEST
-
Review by
-
Operating System
Mac OS X 10.10 or later
-
User Rating
Click to vote -
Author / Product
-
Filename
PinegrowMacX64.9.1.dmg
Create websites from scratch or edit your existing projects. Pinegrow for macOS has everything you need to build websites: HTML editing tools, styling, framework tools, component libraries and more.
Use element library to quickly put together a page mockup. Duplicate the page and play with different layout variations.
Use variables instead 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. 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. Open multiple pages that share the same stylesheet. Style changes are reflected on all pages in real time.
View them at different screen sizes. Use Pinegrow Web Editor for Mac as a CMS for your static Html pages. Move elements around and double click on any element to edit its text content. Need a Bootstrap form or a navbar? Design it in the program, change its layout with a single click. Select the form and copy the HTML code.
Use standard source control tools like Git to manage your code and to collaborate on projects with your team members.
Features and Highlights
Speed up working with HTML
Quickly build the layout of your webpage with powerful visual tools for adding, editing, moving, cloning and deleting HTML elements. Insert N elements with repeater and modify the layout of multiple selected elements with one move.
Bootstrap 3 & 4 and Foundation
Turn hundreds of framework classes into powerful visual tools such as layouts with resizable columns, grid display, responsive controls for text, color, spacing, visibility and even Bootstrap flex classes. Insert elements from rich library of components.
Edit & test your page on all device sizes at once
Use multi-page editing to edit the page at multiple device sizes. Easily design responsive websites with Media query helper tool. Add custom breakpoints or let the app detect them by analyzing stylesheets.
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 the tool as CMS for static HTML websites.
Create production-ready WordPress themes
Open or create a HTML page in the Web Editor. Add WordPress actions to HTML elements and set their parameters. Export the WordPress theme. The app generates PHP code and splits the page into PHP theme files.
Pinegrow loves the code
The app doesn't hide the code from you. Edit pages visually and through code - at the same time. Changes made through visual UI are immediately reflected in the code view. Code edits - even if made in external code editor - are immediately visible on the page and in visual UI. (BTW, this makes Pine grow the perfect tool for learning about HTML & CSS).
Quickly build websites with Blocks
Use the collection of ready-made website blocks to quickly build great looking websites. Drag blocks to the page, customise the content, style CSS rules if you want - and your website is done. You can even create fully customisable WordPress themes with blocks.
Edit any page from the web
The program also lets you open any page from the web. Just enter the URL and start editing the remote page: change layout, edit text and images, modify CSS rules... This is great for editing CSS of server-generated pages and for trying out templates. Then save modified HTML and CSS files to your computer.
Use Pinegrow alongside your favorite code editor
The tool fits right into your workflow. Use it alongside your favorite code editor (with smart auto-refresh), source control system, package manager and deployment tools. Use plugin for Atom to live sync edits with the app.
Edit PHP, ASP and ERB HTML templates
Visually edit HTML layouts with dynamic server-side code tags. Double-click on any element that contains PHP, ASP or Ruby on Rails blocks to edit the code.
How to Use
- Install the app by dragging it into the Applications folder
- Launch Pinegrow and create a new project or open a file
- Use visual tools to design and edit HTML and CSS
- Switch between visual and code editor views
- Use the tree panel to manage HTML elements
- Apply styles using the Style Panel or write CSS manually
- Preview your design with live multi-device view
- Save your work and export the clean code
- Use built-in components or add your own libraries
macOS 10.13 (High Sierra) or later
Intel or Apple Silicon (M1/M2/M3) Mac
At least 4 GB RAM (8 GB recommended)
200 MB of available disk space
Internet connection for activation and updates
PROS
- Visual and code editing in one place
- Supports Bootstrap and Tailwind CSS
- Real-time multi-page editing
- One-time purchase, no subscription
- Works offline after activation
- Limited templates and themes
- No built-in CMS integration
- Interface may feel cluttered
- Fewer tutorials than competitors
Also Available: Download Pinegrow Web Editor for Windows
What's new in this version:
Resize & Crop Images:
- Pinegrow 9.1 introduces a complete new image workflow, allowing you to resize, crop, generate variants, and optimize images directly within the editor. In Settings > Image Sizes, you can define reusable image presets with width, height, crop mode, format policy, JPEG quality, and optional upscaling.
- These presets can then be used throughout the editor. Select an image and use Crop and Resize in the Properties panel, or access the same tools from the context menu. Pinegrow can create and reuse variants, switch between predefined sizes, return to the original image, and fine-tune crops in a dedicated editor. The same workflow is also available when inserting images, where custom or preset variants can be generated on the fly and dragged directly onto the page.
- Pinegrow 9.1 also adds an experimental Optimize Images command in the Page menu. It inspects the page at different sizes and assigns more suitable image variants automatically. This can save time and reduce image weight, while still letting you revert changes instantly with Undo if needed.
Revisions and Snapshots:
- Pinegrow now supports project revisions and snapshots through a dedicated Revisions tab in the History panel. Create revisions manually at any time, inspect which files are included, and compare changes with code diffs or side-by-side visual previews.
- Automatic revisions can also be enabled in settings. Revisions are stored as Git repositories outside the main project folder to avoid conflicts with your own source control. You can restore all files from a snapshot, export a revision as a separate project, and review AI-generated changes more safely. While revisions are not a replacement for Git, they provide a low-effort safety net that makes experimentation much safer.
Project Categories And Previews:
- The start screen dashboard can now organize projects into categories, making large project collections much easier to manage. Create categories from the sidebar, drag projects into them, or move multiple selected projects at once through the Actions menu.
- Pinegrow 9.1 also adds project previews on the dashboard. You can inspect a project and quickly view its pages without opening it fully in the editor. The previous 100-project limit on the dashboard has also been removed. To quickly populate the dashboard, use Start screen settings > Scan for projects and Pinegrow will automatically find and add existing projects from a selected folder.
Create With AI:
- Pinegrow can now start a new project directly from the Create with AI tab in the New Project dialog. Describe what you want to build, optionally attach reference images or sketches, and Pinegrow will generate the first version of the project for you.
- You can let the assistant ask follow-up questions before building, switch between Quick and Smart AI models, and choose the project format or visual persona yourself, or leave them on Auto. This feature creates a new Tailwind 4 project and requires an active AI Assistant provider connection together with the Tailwind Visual Editor add-on.
AI Panel on the Right Side:
- A new workspace preset, AI Assistant on the right, places the AI Assistant in its own right-side column. This makes it easier to work with project panels, selected element properties, and the assistant at the same time.
- If your screen size allows it, this layout is highly recommended for AI-assisted work because it keeps both page editing controls and the assistant visible at once
Smarter Smart Editing:
- Smart Editing is now more capable and easier to use. Smart HTML Editing is now the default, so instead of choosing a specific action first, you can simply describe what you want and Pinegrow will figure out the best way to do it.
- The assistant now understands the current selection more reliably, handles follow-up requests in the same task, and keeps long-running conversations manageable by optimizing context automatically. When using OpenRouter, Pinegrow also shows the accumulated cost of the current task, giving you better visibility into usage. The result is a workflow where you mostly just keep telling the assistant what to do, without having to manage tasks manually.
Simple Configuration With OpenRouter:
- If you use OpenRouter, Pinegrow 9.1 can simplify the AI Assistant interface with Simple configuration. This mode removes extra provider choices, keeps OpenRouter for both text and image generation, replaces detailed model selection with simple Quick and Smart toggles, and removes the action dropdown entirely.
- In this configuration, Smart Editing becomes the default workflow and Pinegrow automatically chooses an appropriate model for the task. The interface becomes cleaner, faster to use, and easier to understand, especially for everyday work.
Custom Global System Instructions:
- The AI Assistant settings now include a Personalization section where you can define a global system prompt for all your projects. Use it to set tone, visual preferences, coding style, or any other standing instruction you want applied automatically whenever you work with the assistant.
OperaOpera 129.0 Build 5823.28
PhotoshopAdobe Photoshop CC 2026 27.4
OKXOKX - Buy Bitcoin or Ethereum
WPS OfficeWPS Office
Adobe AcrobatAdobe Acrobat Pro 2026.001.21346
CleamioCleamio 3.4.0
MalwarebytesMalwarebytes 5.22.0
TradingViewTradingView - Track All Markets
CleanMyMacCleanMyMac X 5.2.10
AdGuard VPNAdGuard VPN for Mac 2.9.0





Comments and User Reviews