Hi, Matjaz from Pinegrow here.

Piny now fully supports Astro, including visually selecting elements directly in preview and hot reloading changed Astro files.

In case you missed it, Piny is a visual editor for Tailwind CSS, React, Next.js – and now Astro – that runs in Visual Studio Code, Cursor and Windsurf.

The standard edition is completely free. Piny Pro is available with a 60% Early Access discount, but until May 28.

Watch how Piny can improve your Astro workflow: ▶️ Quick intro (1min) – ▶️ Getting started (11min)

To get started, install Piny from the extension marketplace – or make sure your existing installed Piny extension was updated to 1.0.13. Then, right-click anywhere in the code and choose “Edit in Piny”.

Learn more and get Piny »