انتقل إلى المحتوى

Skeleton

مكوّن أداة مساعدة التنسيق
Website (يفتح في علامة تبويب جديدة) GitHub (يفتح في علامة تبويب جديدة) npm (يفتح في علامة تبويب جديدة)

Skeleton مجموعة أدوات مرنة وقابلة للتكيف من UI، صُممت خصيصًا لـ Svelte وTailwind CSS، وتتيح للمطورين إنشاء تطبيقات ويب حديثة وسهلة الوصول.

تقدم مجموعة شاملة من المكوّنات التفاعلية المصممة للتكامل السلس، ما يساعد على إنشاء واجهات مستخدم بكفاءة وأناقة. وتحسّن Skeleton تجربة المطور بفضل الوثائق والأمثلة المفصلة، بحيث يستفيد من إمكاناتها المبتدئون والمطورون ذوو الخبرة.

تركز مجموعة الأدوات على إمكانية الوصول، إذ تلتزم بإرشادات WAI-ARIA لضمان شمول المكوّنات وسهولة استخدامها للجميع. كما تدعم Skeleton TypeScript افتراضيًا، مما يوفر ملاحظات فورية وIntelliSense في محررات الأكواد المتوافقة.

وبفضل إمكانات السمات القوية المدعومة بنظام رموز التصميم، يمكن للمستخدمين إنشاء سمات مخصصة تتماشى تمامًا مع هوية علامتهم التجارية. وتضم مجموعة المكوّنات أنماط UI أساسية، ما يسهل على الفرق الحفاظ على مظهر متسق عبر التطبيقات.

الميزات

  • تخطيطات متكيفة تلائم الأجهزة المختلفة
  • سمات قابلة للتخصيص باستخدام أصناف Tailwind المساعدة
  • مكونات تفاعلية للتعامل الديناميكي مع المستخدم
  • تصميم يركز على إمكانية الوصول ويلتزم بإرشادات WAI-ARIA
  • دعم TypeScript لتعزيز تجربة التطوير
  • توثيق غني وأمثلة موسعة
  • سهولة الدمج مع مكتبات Svelte الأخرى

عناصر ذات صلة

daisyUI

تتيح هذه الأداة للمطورين إنشاء واجهات مستخدم جميلة بسرعة وكفاءة، بفضل أسماء الأصناف الدلالية التي تبسّط عملية التطوير.

HeadlessUI

مجموعة من مكوّنات UI التي تراعي إمكانية الوصول، ومصممة لتتكامل بسهولة مع أنظمة التصميم الحديثة.

PrimeVue

مجموعة غنية من مكوّنات UI مفتوحة المصدر، مصممة لبناء تطبيقات Vue.js بسلاسة وكفاءة.

ChakraUI

أنشئ تطبيقات ويب سهلة الوصول بسرعة وكفاءة باستخدام مجموعة متينة من المكونات الأساسية سهلة الاستخدام والقابلة للتخصيص بدرجة عالية.

cmdk

يوفر هذا المكون حلًا شاملًا لقوائم الأوامر في React، مع التركيز على تجربة المستخدم ومرونة المطور.

flowbite

مكتبة مفتوحة المصدر تعزز مشاريع الويب بمكوّنات UI متجاوبة وقابلة للتخصيص.

MaterialUI

يقدم هذا المنتج مجموعة قوية من الأدوات لإنشاء واجهات المستخدم في React، مع التركيز على المرونة والالتزام بمعايير التصميم.

Radix Primitives

عناصر React أساسية غير منسقة، سهلة الوصول ومفتوحة المصدر، لإنشاء تطبيقات ويب عالية الجودة وأنظمة تصميم.