Piny Free
Free
Free forever for core visual Tailwind editing features.
- Controls
- Visual Tailwind controls and class inspector
- Navigation
- Component structure navigation
- AI drag and drop
- AI powered drag and drop with your API key
Code · Vendor site 2026-10-04
Piny is a Visual Studio Code extension that adds a visual editor for Astro, React, Next.js, and Tailwind CSS projects, writing changes directly into source files. Free features cover Tailwind class inspection and AI-assisted drag and drop, while Pro unlocks visual select, multi-element editing, and project navigation.
Understand the total cost
Piny Free
Free
Free forever for core visual Tailwind editing features.
Piny Pro Monthly Plan
$15.00 /mo
Pro monthly listed at $15 per month plus tax during sale pricing.
No retained pricing changes yet. A current price alone does not establish a historical trend.
Reviewed vendor source
Read original source ↗Facts apply to the named version and check date. Send a sourced correction if something changed.
Yes. Piny has an ongoing free plan. Piny Free is explicitly free with no time limit, no account, and no data collection for core editing features.
Piny paid plans start at $15 per month (Piny Pro Monthly Plan $15/mo). Prices are in USD and last checked Oct 4, 2026.
API or developer access is mentioned. Free AI drag-and-drop uses your own API provider key for the built-in assistant.