Piny
تحرير كود CSS بسهولة ومرونة في محرر IDE الخاص بك.
محرر مرئي مبسط لـ Astro و React و Next.js و Tailwind CSS. يُمكنك من خلاله تحرير رموز CSS الخاصة بك مباشرةً في محرر IDE، مع دعم الذكاء الاصطناعي، وميزات التنقل بين المكونات، وعرض معاينة مباشرة. متوفر مجانًا مع ميزات احترافية مدفوعة.
المزيد عن Piny
Piny
Piny هو محرر مرئي للمطورين يعمل مع Astro وReact وNext.js وTailwind CSS. يُتيح لك هذا المحرر تعديل أنماط Tailwind CSS بصريًا داخل بيئة تطويرك المفضلة، مما يزيد من سرعة تطويرك. يُوفر Piny ميزات ذكاء اصطناعي لمساعدتك في بناء واجهات المستخدم بسرعة وسهولة.
- •عناصر تحكم Tailwind المرئية:يُتيح لك التحكم المرئي في عناصر Tailwind CSS، مع معاينة فورية للتغييرات في الكود وحفظ تلقائي لتفعيل إعادة التحميل السريع.
- •مدقق فئات Tailwind:يُسهّل إدارة أنماط Tailwind المعقدة من خلال عرضها في شكل شجرة قابلة للتحرير من الفئات والحالات.
- •تعديل فئات Tailwind في كل مكان:يُمكنك تعديل فئات Tailwind مباشرةً داخل السلاسل النصية والمتغيرات، حتى في الكود غير المرتبط بـ React أو Astro.
- •تنقل المكونات:يُتيح التنقل السريع بين المكونات في Piny وفي الكود، مع ربط المسارات بالمكونات لعرض معاينات دقيقة.
- •سحب وإفلات مدعوم بالذكاء الاصطناعي:يبني واجهة المستخدم بصورة مرئية باستخدام تقنية السحب والإفلات المدعومة بالذكاء الاصطناعي، مع إمكانية استخدام مساعد الذكاء الاصطناعي المدمج أو مزود API خاص بك.
- •التحديد المرئي:يُتيح لك تحديد العناصر بصريًا والتنقل بين المكونات مباشرةً من المعاينة.
- •تعديل عناصر متعددة في وقت واحد:يُمكنك تحديد عناصر متعددة باستخدام CMD/CTRL + نقرة، أو SHIFT + نقرة لتحديد نطاق من العناصر، ثم تصميمها باستخدام عناصر التحكم المرئية ومدقق الفئات.
- •تنقل المشروع بأكمله:يُتيح استكشاف المكونات والتنقل بينها في المشروع بأكمله من خلال واجهة واحدة.
- •استيراد سمة Tailwind المخصصة:يُتيح تخصيص عناصر التحكم المرئية باستخدام إعدادات Tailwind الخاصة بك، بما في ذلك الألوان والخطوط والتباعد.
يساعدك Piny على تحسين سير عملك من خلال توفير أدوات تحرير مرئية سهلة الاستخدام، مما يقلل من الوقت والجهد اللازمين لتصميم واجهات المستخدم. يُمكنك من خلاله التفاعل مع رموز Tailwind CSS بشكل مباشر، مما يضمن دقة وسرعة التعديلات. اختر Piny لتجربة تطوير سلسة وفعالة.
