يجب على كل مبرمج جاد في Vibe أن يضيف هذه المواقع إلى قائمة الإشارات المرجعية.
25 موردًا للحصول على توجيهات أفضل، وواجهة مستخدم أنظف، وحركة أكثر سلاسة، وعمليات بناء أسرع:
1. Jiro Build — أكثر من 1,200 توجيه تصميم جاهز للذكاء الاصطناعي
2. Minimal Gallery — إلهام لمواقع ويب راقية
3. Kage — إلهام حقيقي لواجهة المستخدم مرتبط بالتوجيهات
4. Refero Styles — أكثر من 2,000 نمط منتج + مراجع للخطوط
5. Component Gallery — أكثر من 2,600 مثال على المكونات
6. AppShot Gallery — لقطات شاشة لتطبيقات الهاتف المحمول
7. DESIGNmd — أنظمة تصميم بتنسيق Markdown قابل للقراءة بواسطة الوكلاء
8. VibePrompt — تلميحات للوحات التحكم وصفحات الهبوط
9. 21st.dev — سجل مكونات يدعم MCP
10. Kinetics — أكثر من 150 تأثيرًا للحركة مع كود React + تلميحات
11. shadcn/ui — مكونات واجهة مستخدم قابلة لإعادة الاستخدام
12. Aceternity UI — أكثر من 200 مكون متحرك لـ React/Tailwind
13. Magic UI — مكونات حديثة لتطبيقات الويب
14. Motion Primitives — مكونات للرسوم المتحركة والتفاعل
15. Uiverse — عناصر واجهة مستخدم أنشأها المجتمع
16. UIAble — مكونات واجهة مستخدم جاهزة للاستخدام
17. mapcn — مكونات الخرائط والمسارات والعلامات
18. MicroKit UI — تفاعلات دقيقة لواجهات مستخدم أنيقة
19. Liquid Glass — تأثيرات واجهة المستخدم على غرار الزجاج
20. CSS Text Effects — تأثيرات نصية متحركة
https://text-effects.colorion.co/
21. Circle Loaders — رسوم متحركة إبداعية لعملية التحميل
https://circleloaders.dominikakissi.com/
22. Gradient Buttons — أنماط الأزرار + التأثيرات
https://gradientbuttons.colorion.co/
23. Kitbitz — أكثر من 2,000 رسم توضيحي مرسوم يدويًا
24. 3Dicons — مكتبة أيقونات ثلاثية الأبعاد مجانية
25. Anime.js — مكتبة رسوم متحركة خفيفة الوزن بلغة JavaScript
إذا كنت تستخدم الذكاء الاصطناعي في تطوير مشاريعك، فإن هذه القائمة يمكن أن توفر عليك ساعات من البحث عن مرجع التصميم أو المكون المناسب.
احفظها.
