actify

---

؟ملخص

مرحبًا بك في Actify ، مكتبة مكونات React مفتوحة المصدر مصممة لتسريع تطوير تطبيق React. Actify تعزز TypeScript و Tailwind CSS و Reat-Aria وحركة Framer وتصميم المواد 3 والمزيد لتوفير مجموعة شاملة من مكونات واجهة المستخدم الحديثة والقابلة للتخصيص.

سمات

• TypeScript : الاستفادة من تجربة المطورين المحسنة والكتابة الثابتة.
• CSS Tailwind : احتضن إطار عمل CSS الأول للتصميم المرن والمرن.
• React-ARIA : React ARIA ينفذ دعم إمكانية الوصول وفقًا لمواصفات WAI-ARIA ، التي نشرتها W3C.
• حركة Framer : أحضر الرسوم المتحركة السائلة والتحولات إلى مكوناتك بحركة Framer.
• تصميم المواد 3 : قم بتنفيذ أحدث مبادئ تصميم المواد لواجهة متماسكة وجذابة بصريًا.

ابدء

؟ تثبيت

 # with pnpm
pnpm add actify
# with yarn
yarn add actify
# with npm
npm install actify

الاستخدام

 import { Button } from 'actify'

export default ( ) => {
  return < Button > Hello Actify </ Button >
}

ارجع إلى وثائق المعلومات المتعمقة عن كل مكون واستخدامها.

الوثائق

استكشف وثائقنا للحصول على رؤى مفصلة وأمثلة وخيارات التخصيص لكل مكون في مكتبة Accify.

؟ خريطة الطريق

أهدافنا هي تحويل جميع مكونات الويب المادية إلى رد الفعل ، وليس مجرد مكونات ملفوفة.

عنصر	مكون الويب	رد فعل مكون
تموج		✅
ارتفاع		✅
خاتم التركيز		✅
رمز		✅
زر		✅
زر رمز		✅
مربع الاختيار		✅
شريط التمرير		✅
يُحوّل		✅
Textfield		✅
مؤشرات التقدم		✅
راديو		✅
مقسم		✅
قائمة طعام		✅
مربع الحوار		✅
يختار		✅
ScursedButton		✅
ScursedButtonset		✅

؟ المساهمة

المساهمات دائما موضع ترحيب! شكراً لكل من ساهم بالفعل في actify !

رخصة

Actify React Components Library مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا - راجع الملف المرخص معهد ماساتشوستس للتكنولوجيا للحصول على التفاصيل ..

شكر وتقدير

• شكر خاص للمساهمين لدينا ومجتمع المصدر المفتوح لجعل التصرف ممكنًا.
• مستوحاة بشكل كبير من Vuetify للحصول على مساهماتها المؤثرة في تصميم واتجاهات واجهة المستخدم.

؟ يدعم

إذا كان لديك أي أسئلة أو تحتاج إلى مساعدة ، فلا تتردد في التواصل معنا على [email protected].

ترميز سعيد مع Actify!