floatui

Float UI عبارة عن مجموعة من مكونات واجهة المستخدم الحديثة وقوالب مواقع الويب المبنية على رأس React ، وقريباً ، Vue. مع CSS Tailwind ، تم تصميم المكونات بشكل جميل وتصميمها بخبرة ، مما يتيح لك بناء مواقع ويب جميلة.

لماذا تعويم واجهة المستخدم؟

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

المتطلبات الأساسية

قبل البدء ، تأكد من استوفت المتطلبات التالية:

• لقد قمت بتثبيت أحدث إصدار من NPM/YARN/PNPM.
• لديك جهاز Windows/Linux/Mac .

ابدء

أولاً ، تثبيت التبعيات. نوصي بشدة باستخدام PNPM ، وتشغيل خادم التطوير:

npm run dev
# or
yarn dev
# or
pnpm dev

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

# ## Quick start

- < strong > [UI components](https://floatui.com/components) : < /strong > UI components for React and Vue (soon) with Tailwind, every example support both directions LTR and RTL.

- < strong > [Website templates](https://floatui.com/templates) : < /strong > A collection of professional and beautifully designed website templates, built on top of React, Next.js and Nuxt (soon) with Tailwind CSS.

# # Contributing

If you ' re interested in contributing to Float UI, please read our [contributing guide](https://github.com/MarsX-dev/floatui/blob/main/CONTRIBUTING.md) to learn about our development process before submitting a pull request.