Vector Input
أدوات المطورين
أدوات تعمل من جهة العميل للمطورين. بدون تسجيل، وبدون طلبات إلى الخادم - كل عملية تتم بالكامل داخل المتصفح.
JSON → TypeScript
حوّل كائنات JSON إلى واجهات TypeScript فورًا. يدعم الكائنات المتداخلة والمصفوفات والأنواع المركبة، ويعمل بالكامل داخل المتصفح من دون مغادرة البيانات لجهازك.
مولّد Cubic Bezier
أداة مرئية لتصميم منحنيات الحركة CSS cubic-bezier مع معاينة فورية. عدّل نقاط التحكم، جرّب الإعدادات الجاهزة، وانسخ قيمة CSS بنقرة واحدة.
SVG → JSX
حوّل SVG الخام إلى مكوّنات React مكتوبة بشكل مضبوط وجاهزة للاستخدام. يحوّل الخصائص إلى camelCase، يزيل تعريفات XML، ويمرر SVGProps بدون إعداد إضافي.
عارض مسارات SVG
الصق أي قيمة `d=` لمسار SVG وعاينها بصريًا في الوقت الحقيقي. يضبط مساحة العرض تلقائيًا، ويعرض الأبعاد، ويدعم stroke وfill مخصصين.
مولّد Glassmorphism
أداة مرئية لبناء glassmorphism في CSS. اضبط الضبابية وشفافية الخلفية والتشبع ونصف القطر والظل، ثم انسخ CSS جاهزًا للإنتاج.
لوحة Tailwind
استعرض لوحة ألوان Tailwind v3 الكاملة: 22 عائلة و242 لونًا. انقر على أي لون لنسخ قيمة hex أو RGB أو اسم الصنف.
المزيد من الأدوات قادم قريبًا.