Piny now fully supports Astro (08-05-2025)

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 : https://youtu.be/y_bvykbcZ2A?si=pxOM7qJzjxAO29ls
Getting Started : https://youtu.be/LTCkGqLSTtw?si=9DgqX17uFt6Xr6iu

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 »

Free trial of Pro features is included.

Have a great day!
Matjaz & the Pinegrow team

3 Likes

Congratulations on this update, which brings us support for Astro. It’s a marvel. 28 minutes to visually customize the Astro blog page with Piny is a pleasure!
Thank you so much for Piny; it’s clearly what I’ve been thinking and wanting for a long time: a real game changer. Bravo. :tada::clap:

4 Likes

Thanks @Blep :slight_smile: Happy to hear Piny is useful. A review on the marketplace would help us a lot: Tailwind Editor – Piny - Visual Studio Marketplace

Also, if anyone has a Hacker News account or Show HN submission would need some encouragement: Show HN: Piny – Astro, React and Next Visual Editor for VSCode, Cursor, Windsurf | Hacker News

2 Likes