lobe ui تنزيل - تنزيل كود مصدر lobe ui

lobe ui

كود الذكاء الاصطناعي

v1.153.9

تنزيل

واجهة المستخدم الفص

Lobe UI هي مكتبة مكونات واجهة مستخدم مفتوحة المصدر لإنشاء تطبيقات ويب AIGC

المستندات · سجل التغيير · الإبلاغ عن الأخطاء · ميزة الطلب

جدول المحتويات

جدول المحتويات

؟ تثبيت

ترجمة مع NextJS

؟ الاستخدام
⌨️ التنمية المحلية
؟ المساهمة
؟ راعي
؟ روابط

المزيد من المنتجات
موارد التصميم
موارد التنمية

تثبيت

مهم

هذه الحزمة هي ESM فقط.

لتثبيت Lobe UI، قم بتشغيل الأمر التالي:

 أضف كعكة $ @lobehub/ui

ترجمة مع NextJS

ملحوظة

من خلال العمل بشكل صحيح مع SSR لجهاز توجيه صفحة nextjs، قم بإضافة transpilePackages: ['@lobehub/ui'] إلى next.config.js . على سبيل المثال:

 // next.config.jsconst nextConfig = {
  // ... تكوين آخر

  حزم النقل: ['@lobehub/ui'],};

الاستخدام

ملحوظة

تم تطوير مكونات LobeUI بناءً على Antd، وهي متوافقة تمامًا مع مكونات Antd، ويوصى باستخدام نمط antd كحل التصميم الافتراضي لـ css-in-js.

 استيراد { ThemeProvider، Button } من '@lobehub/ui'import { Button } من 'antd'export default () => (
  <ThemeProvider><Button>مرحبًا AIGC</Button>
  </ThemeProvider>)

التنمية المحلية

يمكنك استخدام Github Codespaces للتطوير عبر الإنترنت:

أو استنساخه للتنمية المحلية:

 استنساخ $ git https://github.com/lobehub/lobe-ui.git
$ cd lobe-ui
تثبيت كعكة $
بداية كعكة $

المساهمة

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

راعي

كل جزء مهم وسيتألق تبرعك لمرة واحدة في مجرة الدعم لدينا! أنت نجم شهاب، ولها تأثير سريع ومشرق على رحلتنا. شكرًا لك على ثقتك بنا، فكرمك يرشدنا نحو مهمتنا، كل ومضة رائعة في كل مرة.

روابط

موارد التصميم

Lobe UI - مكتبة مكونات واجهة المستخدم مفتوحة المصدر لبناء تطبيقات الويب AIGC.
Lobe Icons - مجموعة أيقونات وشعار SVG للعلامة التجارية النموذجية الشهيرة AI / LLM.
Lobe Charts - تفاعل مع مكونات المخططات الحديثة المبنية على إعادة التخطيط