FLOATING UI
A JavaScript library to position floating elements and create interactions for them.
النتيجة
60
تقييم المستخدم
2.0
دعم مجاني/تجريبي
مدعوم
السعر الأولي
--
آخر تحديث
أغسطس 04, 2026
نظرة عامة
ما هو FLOATING UI؟
واجهة المستخدم العائمة عبارة عن مكتبة جافا سكريبت تعمل على تحديد موضع العناصر العائمة (على سبيل المثال، تلميحات الأدوات، والنوافذ المنبثقة، والقوائم المنسدلة) بالنسبة إلى نقاط الارتساء، مما يضمن بقائها في العرض عن طريق تجنب الاصطدامات. لقد تطور من Popper 2 ويقدم ميزات مثل الموضع، والتحويل، والقلب، وتعديلات الحجم، وموضع السهم، مع دعم React وVue ومنصات أخرى.
فيم يستخدم FLOATING UI؟
العلامات
مجموعات المستخدمين
أفضل الميزات
- وضع المرساة الذكي مع تجنب الاصطدام
- تعديلات الموضع والتحويل والوجه والحجم
- تحديد موضع عنصر السهم
- المراسي الافتراضية لإحداثيات الماوس
- وحدات شجرة تهتز
- دعم React وVue وReact Native والقماش
كيفية استخدام FLOATING UI؟
قم بالتثبيت عبر npm أو Yarn أو pnpm أو CDN، ثم استخدم computePosition() والوحدات النمطية الأخرى لربط العناصر العائمة بالمراجع، ومعالجة التفاعلات مثل التمرير أو النقر للحصول على تلميحات الأدوات والنوافذ المنبثقة في تطبيقات الويب.
أدوات بديلة
لم يتم العثور على أدوات بديلة
الإيجابيات & السلبيات
الإيجابيات
- مجانية ومفتوحة المصدر
- خفيفة الوزن وحدات
- منصة محايدة مع دعم إطار واسع
- إمكانية تخصيص عالية لمكونات واجهة المستخدم
السلبيات
- في المقام الأول للمطورين، قد تتطلب مهارات البرمجة
- يقتصر على المنصات القائمة على شبكة الإنترنت
حالات الاستخدام
- إنشاء تلميحات الأدوات لواجهات الويب
- إنشاء النوافذ المنبثقة لمربعات الحوار التفاعلية
- تنفيذ القوائم المنسدلة في تطبيقات React
- تحديد موضع العناصر العائمة في مشاريع Vue
أسعار FLOATING UI
الخطة المجانية
لا توجد معلومات مفصلة عن الأسعار
تقييمات المستخدمين
2.0
من 5
2.0
لا توجد تقييمات بعد
كن أول من يقيم هذه الأداة!