MyLivingPage is a Next.js application that enables users to create and share personalized living pages, featuring server-side resume parsing and Three.js rendering.
هي تطبيق Next.js يسمح للمستخدمين بإنشاء صفحات حياة مخصصة، وتقوم باستخدام Supabase لتعريف المستخدمين ودارة قواعد البيانات. كما تستفيد من SDK Anthropic لتفسير السيرة الذاتية على الخادم، وتدمج ثلاثي.js للرسم الحياتي. يمكن للمستخدمين إنشاء صفحات حياة مخصصة، مع مسارات محمولة لإنشاء و إدارة المحتوى.
The Mina project is a web application for creating interactive 3D experiences.
يعد مشروع مينا منصات ويب تتيح إنشاء تجارب ثلاثية الأبعاد متفاعلة. تستخدم هذه المنصة تقنيات ثري جايز و ريكت للسماح للمستخدمين بإنشاء بيئات ثلاثية الأبعاد معقدة وممتعة دون الحاجة إلى المعرفة الفنية المتقدمة. يركز المشروع على توفير واجهة مستخدم سهلة الاستخدام وتاحة الوصول لجميع المستخدمين، سواء كانوا مطورين أو غير ذلك.
The urdf-viewer project is a browser-based application for visualizing and interacting with robot models, allowing users to upload URDF files and view them in real-time.
يعد urdf-viewer تطبيقًا على الإنترنت يسمح للمستخدمين بتصفية وتفاعل مع أنماط الروبوت. يدعم التطبيق تحميل ملفات URDF و XACRO ، وكذلك STL و DAE mesh files. يحتوي التطبيق على سيطرة على مفاصل الوقت الحقيقي، وعرض 3D مع تحكم في الدوران والتمرير والزيادة، ومواصفات المشاهدة للتعديل على العرض. يمكن للمستخدمين أيضًا إلقاء الملفات مباشرة على متصفحهم لتحميلها.
God of Goons is a top-down 3D horde-defense prototype that allows players to use prompt-driven sandbox loops to create and manage game layers.
God of Goons هو لعبة دفاع من الأعداء في ثلاثي الأبعاد حيث يمكن للاعبين استخدام دوائر النصوص لإنشاء وتحكم في طبقات اللعبة المختلفة، مثل عناصر UI وآليات وموارد وحوادث. اللعبة تحتوي على محرك سحر ديناميكي يسمح بكتابة أوامر قصيرة مثل 'fireball' وعمليات تطبيق صندوقية تساهم في تشغيل آليات اللعبة.
This project is an interactive 3D haunted house scene built with Next.js and React Three Fiber, designed to showcase various features of Three.js.
هذا المشروع هو مشهد ثلاثي الأبعاد متفاعل يصور بيت مسكون بناءً على Next.js و React Three Fiber. ويحتوي على جدران مصفوفة، قبور محسوبة بشكل تكراري، أطواد عظمية، ضوء رؤوس، جزعات نارية، وتأثيرات أخرى. يظهر المشروع تقنيات مختلفة مثل إجراء عمليات PBR للرسومات، تحميل النماذج GLTF مع SkeletonUtils، تحريك الأنسجة في الوقت الفعلي لتحقيق التأثيرات الملمسية، تأثيرات بعد الإنتاج، توزيع القباب بشكل تكراري مع تجنب الاصطدام، وإدارة سياق WebGL في Next.js.
An interactive web platform that educates users on responsible electronic waste disposal and offers a marketplace for selling or donating used tech.
تقدم هذه المنصة واجهة ويب تفاعلية تهدف إلى توعية المستخدمين بأهمية التخلص المسؤول من النفايات الإلكترونية. تُظهر المنصة رسومات ثلاثية الأبعاد توضح خطوات إعادة التدوير، مع تحريك ديناميكي يضيف تجربة بصرية جذابة. يمكن للمستخدمين استعراض دليل خطوة بخطوة حول كيفية تفكيك الأجهزة القديمة وتحديد ما يمكن إعادة تدويره أو التبرع به. كما توفر المنصة سوقًا مبسطة لبيع أو شراء الأجهزة المستعملة، مع خيارات للتبرع بالمعدات غير المستخدمة للمنظمات الخيرية. تستهدف المنصة المستهلكين المهتمين بالبيئة، والمهتمين بالتقنية، والطلاب الذين يرغبون في تعلم مبادئ إعادة التدوير. تميزها هو دمج التعليم التفاعلي مع ميزة التجارة الإلكترونية، ما يجعلها حلاً متكاملاً لمشكلة النفايات الإلكترونية.
A personal portfolio website that showcases projects with interactive 3D elements.
يُعد هذا التطبيق الإلكتروني منصة شخصية تُظهر مجموعة مختارة من المشاريع بطريقة جذابة بصريًا. يدمج رسومات ثلاثية الأبعاد تفاعلية لتوفير تجربة مستخدم ديناميكية، مع الحفاظ على تصميم نظيف ومتجاوب عبر جميع الأجهزة. يُبنى باستخدام إطار عمل حديث، مما يضمن تنقلًا سريعًا وانتقالات سلسة، ويسهل على الزوار استكشاف عينات العمل. يستهدف الموقع المهنيين الذين يرغبون في إبراز مهاراتهم وإبداعهم أمام العملاء أو أصحاب العمل المحتملين. يحل مشكلة التميز في فضاء رقمي مكتظ من خلال الجمع بين الجاذبية الجمالية والوظائف التفاعلية. يتيح للمستخدمين عرض سيرهم الذاتية الرقمية بطريقة مبتكرة، مع توفير وسيلة فعالة للتواصل مع الجمهور المهتم.
The ai-weboldal project is a modern, production-ready Next.js website for Pohánka és Társa Kft.
هذا المشروع يحتوي على تطبيق ويب شامل يتبع التصميم الحديث للوحة العالمي / العقل . يحتوي على تجربة مستخدم محترفة ومتفاعلة مع تأثيرات زجاجية ، وتحريكات Framer Motion ، ورموز React Lucide. التطبيق متوافق بالكامل ، سريع في الأداء ، مُ оптимَل للبحث ، ويتضمن تحركات سلسة.
This project is a web application built using JavaScript and Three.js, but its purpose and target audience are unclear without further information.
لا تتوفر وصف للمشروع هذا. بناءً على التكنولوجيا المستخدمة، يبدو أن المشروع هو تطبيق ويب يستخدم لغة جافا سكريبت وثلاثي جيس. ومع ذلك، دون مزيد من السياق أو التفاصيل، فإن فهم الوظيفة أو الاستخدام المقصود للمشروع يكون صعباً.
This project is a Next.js application created using create-next-app, intended for web development.
هذا المشروع هو تطبيق Next.js تم إنشاؤه باستخدام create-next-app، ويستخدم React و Tailwind CSS لإنشاء تطبيقات الويب. يحتوي المشروع على Three.js للرسم ثلاثي الأبعاد. لا يستخدم هذا المشروع أي قواعد بيانات. يقدم README تعليمات أساسية حول كيفية بدء العمل مع الخادم التطوري وتوافر التطبيق على Vercel. يبدو أن هذا المشروع هو كائن منقاة أو نموذج تدريبي، دون ميزات محددة أو فكرة أصلي.
Aria Music Companion is a project that provides a companion experience for users to interact with music.
هذا المشروع يقدم تجربة مرافقة متكاملة للموسيقى، مما يسمح للمستخدمين بالتفاعل مع أغانيه المفضلة بطريقة أكثر إبداعًا ومتعة. يتم استخدام Next.js و React لإنشاء واجهة رسومية جذابة، بينما يستفيد Three.js من القدرة على إنشاء تمثيلات ثلاثية الأبعاد متعة. على الرغم من عدم وجود قاعدة بيانات، يظهر هذا المشروع كيف يمكن استغلال التكنولوجيا الويب بشكل مبتكر لتعزيز تقدير الموسيقى.
Tandemonium is a physics-based game that simulates riding a tandem bicycle.
تندمونيم هو لعبة فيزيائية تُستخدم لتحاكي ركوب الدراجة الثنائية. يتم بناء اللعبة باستخدام إلكترون، بوتير، وثري جايز. يتيح للمستخدمين تجربة ركوب الدراجة الثنائية في بيئة افتراضية حقيقية. تضم اللعبة تحاكي الفيزياء الحقيقية، مما يجعلها تجربة فريدة وممتعة لللاعبين.
A web application that renders interactive 3D scenes using Three.js within a Next.js and React framework, styled with Tailwind CSS.
يقدّم هذا المشروع واجهة ويب تسمح بعرض مشاهد ثلاثية الأبعاد تفاعلية على المتصفح. يعتمد على مكتبة رسومات ثلاثية الأبعاد لتوليد الأشكال والأنماط الحركية في الوقت الحقيقي. يُدمج مع إطار عمل لتطوير تطبيقات الويب، ما يتيح التحميل السريع وتقديم المحتوى على الخادم والعميل. يتم تنسيق العناصر باستخدام نظام تصميم متجاوب يضمن توافقاً مع مختلف أحجام الشاشات. يستهدف المصممين والمطورين الذين يحتاجون إلى دمج رسومات ديناميكية في مواقعهم أو تطبيقاتهم. يحل مشكلة صعوبة إنشاء تجارب بصرية غامرة بدون الحاجة إلى أدوات معقدة أو بيئات تطوير ثقيلة.
A web application that transforms audio into dynamic 3D color visualizations for artists and developers.
يستقبل هذا التطبيق الصوتي من الميكروفون أو ملفات الصوت ويحوّله إلى رسومات ثلاثية الأبعاد ديناميكية بالألوان في الوقت الحقيقي. يعتمد على تحليل صوتي متقدم لاستخراج الترددات والضوضاء، ثم يربط هذه البيانات بمدى ألوانٍ معقدة تُعرض على كائنات ثلاثية الأبعاد تُرسم باستخدام مكتبة Three.js. تم بناء واجهة المستخدم باستخدام Next.js لتوفير تجربة تحميل سريعة وتفاعلية، مع React لإدارة المكونات، وTailwind CSS لتصميم متجاوب وأنيق. يتيح التطبيق للمستخدمين التحكم في حساسية التحليل، اختيار لوحات ألوان، وتغيير نمط العرض لتناسب احتياجاتهم الفنية. يستهدف الفنانين والموسيقيين والمصممين الذين يرغبون في استكشاف العلاقة بين الصوت واللون بطريقة بصرية غامرة ومبتكرة. يميز هذا الحل بقدرته على تحويل الأصوات إلى تجارب بصرية فريدة، مع توفير أدوات تفاعلية تجعل من السهل تعديل الإعدادات في لحظة.
BumpTop is a 3D desktop interface for interacting with files in a physics-based environment, supporting both desktop/laptop and mobile AR modes.
بمب تاپ هو منصة سطح المكتب ثلاثية الأبعاد التي تسمح للمستخدمين بالتفاعل مع الملفات في بيئة فيزيائية، وتدعم كلاً من الوضع المحاكي على الكمبيوتر المحمول والواقع المعزز على الهاتف المحمول مع دمج الملفات الحقيقية عبر دروب بوكس. يحتوي المشروع على سطح مكتب افتراضي حيث يتم عرض الملفات كأجسام ثلاثية الأبعاد، مما يسمح بالتفاعل الفيزيائي الواقعي مثل النقر والتمرير ورمي الملفات. كما تتوفر إمكانية العرض للمحتوى للصور والفيديو والصوت والنصوص. في وضع الواقع المعزز، يمكن للمستخدمين وضع سطح المكتب الافتراضي في مساحةهم الفيزيائية وتفاعل مع الملفات باستخدام跟踪 اليد. كما يدعم المشروع دمج دروب بوكس لتحميل الملفات الحقيقية، والتوثيق الأمني عبر OAuth 2.0 + PKCE، وتبديل مزود بين Mock ودروب بوكس.
A minimal starter template that sets up a React application with Vite, enabling hot module replacement and ESLint rules for efficient development.
يقدّم هذا القالب إعدادًا خفيفًا لتطوير تطبيقات React باستخدام Vite، مع التركيز على تسريع دورة التطوير. يتضمن دعمًا مدمجًا لتحديث الوحدات الحي (HMR)، ما يتيح للمطورين رؤية التغييرات فورًا دون إعادة تحميل الصفحة بالكامل. يشتمل القالب على إعداد ESLint مُختار بعناية لضمان جودة الكود وتناسق الأسلوب في جميع الملفات. يدعم القالب كل من المكوّن الرسمي المبني على Babel ومكوّن أحدث يعتمد على SWC لتحديث React السريع، ما يمنح مرونة في اختيار الأداء. يُعد القالب مثاليًا للمطورين الأمامي الذين يبحثون عن أساس سريع ومُحكم لبدء مشروع جديد دون الحاجة إلى إعدادات معقدة. يتيح القالب أيضًا توسيع إعدادات ESLint بسهولة، مما يسهّل دمج قواعد إضافية أو تحويل المشروع إلى TypeScript عند الحاجة.
The robotica project is a web application for creating and interacting with virtual robots.
هذا المشروع هو عبارة عن تطبيق ويب يسمح للمستخدمين بإنشاء وتخصيص وسيطرة على روبوتات افتراضية. يستخدم هذا التطبيق تقنيات متقدمة مثل Three.js لرسوميات ثلاثية الأبعاد و React لبناء الواجهة المستخدمة. الهدف من المشروع هو توفير تجربة ممتعة للمستخدمين لتصميم وتفاعل مع روبوتاتهم الخاصة.
A dynamic personal portfolio website that showcases projects, skills, and experiences using interactive animations and 3D visualizations.
يُعد هذا التطبيق الويب منصة شخصية تُعرض فيها مشاريع الفرد، مهاراته، وخلفيته المهنية بطريقة جذابة ومُتفاعلة. يستفيد من مكتبات الرسوم المتحركة الحديثة لإنشاء انتقالات سلسة تُرشد الزائرين عبر المحتوى. تُدمج عناصر التصوير ثلاثي الأبعاد لإضفاء عمق وجاذبية بصرية لا تُنسى. يُبنى الموقع على إطار عمل مكوّنات، ما يضمن تنظيمًا مُنظمًا وسهولة في التحديثات. يستهدف المحترفين الذين يرغبون في إبراز أعمالهم بطريقة بصرية مميزة، مما يساعدهم على التميز أمام أصحاب العمل والمتعاونين.
This application renders an interactive 3D sphere composed of extruded text belts, allowing designers and developers to explore variable fonts in real time.
يُنشئ هذا التطبيق كرة ثلاثية الأبعاد ناعمة تُحاط بحزامين أو أكثر من الحروف المطوَّرة، حيث يمثل كل حزام سطرًا نصيًا. يمكن للمستخدم تحميل خطوط متغيرة من Google Fonts وضبط محاورها عبر شريط تمرير بديهي، مع تحديث هندسة الحروف فورًا. تدور الكرة وحزام النص بشكل مستقل، بينما يتحكم الكاميرا في حركة خفيفة مع انحراف طفيف. يمكن ضبط إعدادات مثل الخط، والمسافة، وسرعة الدوران، وتبديل اللون عبر لوحة تحكم، كما يمكن تصدير أو استيراد الإعدادات بصيغة JSON. يُبنى التطبيق باستخدام React وThree.js، ويعمل محليًا مع Vite، ما يسهل نشره على أي خدمة استضافة ثابتة.
The STRATIS Landing Page is a multi-section landing site for STRATIS, built with Next.js, React, and Tailwind CSS.
هذا المشروع هو صفحة استقبال حديثة مصممة لتوضيح ميزات و فوائد STRATIS. يحتوي على خلفية متحركة شاشة كاملة، وترتيب سحب بارالاكس، وsections من الزجاج، ومكتب تسجيل قائمة الانتظار مع интеграطون بالبريد الإلكتروني.
The core-landing project is a web application designed for developers and designers to create interactive landing pages.
هذا المشروع يستخدم Next.js و React و Tailwind CSS لإنشاء صفحة هبوط قابلة للتخصيص. يعتمد على Framer Motion للتحكم في الحركات والحركات ثلاثية الأبعاد، و Supabase لإدارة البيانات. تستخدم Zod لتحقق صحة النماذج. الهدف من المشروع هو تسهيل عملية إنشاء صفحات هبوط جذابة.
This project is a demonstration of the capabilities of AI Studio, allowing users to quickly build and deploy applications using Gemini.
يُظهر مشروع react-example دمج تقنيات متعددة مثل Express، React، Tailwind، Three.js، و Vite. يستخدم المشروع SQLite لمراقبة قاعدة البيانات. الوظيفة الرئيسية للمشروع هي تظليل عملية التطوير المتميزة مع أداة Gemini من AI Studio. هذا المثال يهدف إلى تقديم نقطة انطلاق لل пользователяين الذين يبحثون عن بناء تطبيقات بفعالية.
An interactive web experience that lets users explore a virtual beer garden, view beer selections, and learn about brewing.
يُقدِّم هذا التطبيق واجهة ويب تفاعلية تسمح للمستخدمين بزيارة حديقة بيرة افتراضية يمكنهم استكشافها في أبعاد ثلاثية. يُبنى على إطار عمل حديث لتطوير واجهات المستخدم، مع تنسيق أنيق باستخدام إطار عمل تصميم متجاوب، بينما يُعالج محرك رسومات ثلاثية الأبعاد المشهد والمنتجات بطريقة واقعية. يمكن للزوار النقر على كل بيرة لعرض تفاصيلها، قراءة ملاحظات التخمير، ومشاهدة مقاطع فيديو قصيرة توضح عملية التصنيع. يهدف المشروع إلى تلبية احتياجات المزارع البيرة والمنظمين للفعاليات الذين يرغبون في عرض منتجاتهم بطريقة جذابة دون الحاجة إلى حضور فعلي. يحل هذا الحل مشكلة القصور في التفاعل المباشر من خلال توفير تجربة غامرة يمكن مشاركتها عبر الإنترنت، مما يزيد من التفاعل والوعي بالعلامة التجارية.
vibe3d is a project that enables users to create and interact with 3D environments, likely using Next.js as the frontend framework.
هذا المشروع يستخدم Next.js و Three.js لإنشاء مشاهد ثلاثية الأبعاد قابلة للتفاعل. يسمح للمطورين ببناء تجارب ممتعة ثلاثية الأبعاد لمختلف التطبيقات. تضم الوظيفة الرئيسية للمشروع إظهار النماذج الثلاثية الأبعاد، التعامل مع الإجراءات المستخدمة، وتوفير واجهة مستجابة.
This project provides a minimal setup for building React applications in Vite, including support for TypeScript and ESLint rules.
هذا المشروع يوفّر إعدادًا بسيطًا لإنشاء تطبيقات React باستخدام Vite كأداة بناء. يتضمن الدعم لتسجيل النوعيّات وتنظيم قواعد ESLint لضمان جودة الكود. كما يقدم خيارات لتمكين تحديث السريع باستخدام Babel أو SWC. بالإضافة إلى ذلك، يقدّم إرشادات حول توسيع تكوين ESLint للتطبيقات الإنتاجية.
TheTrueSize3D is an interactive 3D globe web application that allows users to compare the true sizes of countries and regions by overlaying them on each other.
هذا المشروع هو تطبيق جولف ثلاثي الأبعاد متفاعل على الويب يسمح للمستخدمين ب сравن الحجم الفعلي للبلدان والمجالات عن طريق وضعها فوق بعضها. يحتوي على واجهة مستخدم محمولًا، جولف ثلاثي الأبعاد متفاعل، رؤية بلدان ومقاطعات، أدلة تفاعلية عند النقر فوق أي بلد أو مقاطعة، حدود عالية الدقة، تعدد الطبقات، طبقات ثابتة على الشاشة، تحريك الطبقات إلى مواقع جديدة، حقل بحث، دلوات قياس في كل طبقة، ولوحة مساعدة.
A web application that lets users design and export personalized 3D profile cards for social media and marketing purposes.
يُطوَّر هذا التطبيق باستخدام Next.js لتوفير تجربة تصفح سريعة مع معالجة على الخادم، مما يضمن تحميل الصفحات بسرعة وبدون تأخير. يتيح واجهة React المتجاوبة، المصمَّمة باستخدام Tailwind CSS، للمستخدمين تعديل تفاصيل البروفايل، اختيار الخلفيات، وإضافة نصوص مخصصة بطريقة بديهية وسهلة. يُعتمد على مكتبة Three.js لعرض نموذج ثلاثي الأبعاد في الوقت الحقيقي، ما يتيح للمستخدم تدوير النموذج، تكبيره، أو تصفحه من زوايا مختلفة قبل حفظه. بعد الانتهاء من التصميم، يستخدم Puppeteer لتوليد صورة عالية الدقة أو ملف PDF للبطاقة، بحيث يمكن تنزيلها أو مشاركتها مباشرة على منصات التواصل. يستهدف هذا الحل المصممين، والمسوقين، ومديري وسائل التواصل الاجتماعي الذين يحتاجون إلى إنشاء مواد بصرية جذابة بسرعة ودون الحاجة إلى برامج تصميم معقدة.
A Next.js based interactive landing page that showcases a product with animated 3D elements and responsive design.
يقدّم هذا المشروع صفحة هبوط حديثة مبنية على إطار عمل شائع للـReact، تتضمن حركات سلسة مدعومة بمكتبة الحركة وعناصر ثلاثية الأبعاد غامرة تُعرض في المتصفح. يتكيف التصميم بسلاسة مع أجهزة الهاتف المحمول، والتابلت، وأجهزة سطح المكتب، ما يضمن تجربة متسقة عبر جميع الأجهزة. تقود أقسام التفاعل الزائرين عبر أهم مزايا المنتج، بينما تجذب الإشارات الحركية البسيطة انتباههم إلى الدعوات إلى اتخاذ إجراء. الصفحة جاهزة للتكامل مع أدوات التسويق، مما يتيح جمع بيانات العملاء وتتبع التحليلات. تُعدّ قالبًا جاهزًا للفرق الناشئة والمنتجات التي تسعى لإطلاق حضور إلكتروني متقن بسرعة.
A sandbox for experimenting with WebGPU and prototyping GPU‑based graphics in the browser.
يُقدّم هذا المشروع بيئة خفيفة الوزن تسمح للمطورين بتجربة WebGPU، واجهة الرسوميات الحديثة للويب، وتطوير نماذج أولية للرسوميات المعتمدة على المعالجة الرسومية. يدمج محرك Three.js مع أدوات اختبار Playwright لتسهيل إنشاء وتعديل المظلات (shaders) ومشاهد 3D بسرعة. يُعتمد على نظام بناء Vite لتشغيل خادم تطوير سريع مع دعم التحديث الحي للموارد، ما يسرّع عملية التجربة والتعديل. يستهدف المستخدمين المهندسين الأماميين، ومبرمجي الرسوميات، والباحثين الذين يطمحون إلى استغلال قدرات GPU في المتصفح. يحل المشروع مشكلة نقص الأدوات السريعة والموثوقة لتجربة WebGPU، مع توفير واجهة تفاعلية تسمح بالاختبار الفوري للميزات الجديدة. يميّزه تركيزه على البساطة والسرعة، مع توفير بيئة متكاملة لا تحتاج إلى إعدادات معقدة أو تكامل مع قواعد بيانات أو أنظمة خلفية.
A web-based interactive particle simulation using WebGPU and Three.js for procedural graphics.
يقدّم هذا المشروع نظام جزيئات تفاعلي يُعرض في المتصفح باستخدام WebGPU وThree.js. يحاكي 65,536 جزيئًا تتدفق عبر حقل ضوضاء كيرل، مع إمكانية تعديل الحركة عبر تفاعل الفأرة. يُظهر التنفيذ تقنيات GPGPU في TypeScript، مستفيدًا من دعم WebGPU التجريبي في Three.js. يستهدف المطورين والفنانين الذين يطمحون لاستكشاف الرسوميات الإجرائية والحوسبة الحقيقية للمعالجات الرسومية. يُعد المشروع نموذجًا بحثيًا للرسوميات التوليدية والتركيبات التفاعلية. يتيح للمستخدمين تجربة ديناميكيات معقدة مع واجهة سهلة الاستخدام. يبرز قدرات WebGPU في إنشاء تجارب بصرية غنية وسريعة. يساهم في توسيع فهم تقنيات الرسوميات الحديثة في بيئة الويب.
This project is a portfolio website built using Next.js, React, and Tailwind CSS.
هذا مشروع هو موقع محترف يحتوي على معلومات عن المشاريع التي قمت بإنشائها. تم إنشاء الموقع باستخدام Next.js و React و Tailwind CSS. يستخدم الموقع خط Geist الذي يقدمه Vercel. يمكنك تشغيل الخادم التطويري المحلي وتجربة الموقع.
This project is a landing page for NotStudio, likely used to showcase the company's services or products.
هذا المشروع هو صفحة تسويقية لشركة NotStudio، وربما تستخدم لترويج خدماتها أو منتجاتها. يعتمد هذا التطبيق على تقنيات حديثة مثل React و Three.js. يستفيد من Framer-motion للتحريك والحركة، وفايت (Vite) للحصول على كفاءة في التطوير. لا يظهر أن المشروع يستخدم أي قواعد بيانات. نظراً لعدم توفر الوصف، يمكن استخلاص الغرض منه فقط من الاسم والتكنولوجيا المستخدمة.
A modern web platform that showcases a web development agency's portfolio, services, and contact information.
تُقدّم هذه المنصة واجهة ويب شاملة لعرض محفظة وكالة تطوير الويب، مع إبراز المشاريع المنجزة، فلسفة التصميم، والخبرة التقنية. تتضمن عناصر واجهة تفاعلية مدعومة بمكتبات الحركة، تخطيطات متجاوبة، وتحسينات للأداء لضمان سرعة التحميل عبر جميع الأجهزة. يمكن للزوار استكشاف دراسات حالة مفصلة، عرض الخدمات المقدمة، والوصول إلى نموذج اتصال لبدء التعاون. تم بناء الموقع باستخدام إطار عمل حديث للـ JavaScript وتنسيق باستخدام CSS القائم على الأدوات، ما يضمن سهولة الصيانة وقابلية التوسع. يُعدّ هذا المشروع أداة تسويقية وعرضاً لقدرات الوكالة الإبداعية في مجال التصميم والتطوير.
This project is a modern, interactive web application that showcases 3D visual content using a responsive UI.
يقدّم هذا المشروع واجهة ويب حديثة تسمح بعرض محتوى ثلاثي الأبعاد بطريقة تفاعلية وجذابة. يعتمد على مكتبة Three.js لإنشاء مشاهد 3D سلسة، مع دعم كامل للرسوم المتحركة والتأثيرات البصرية. تم تصميمه باستخدام إطار عمل Next.js لضمان سرعة التحميل وتقديم تجربة مستخدم سلسة عبر جميع الأجهزة. يدمج مكتبة shadcn‑UI مع Tailwind CSS لتوفير مظهر متناسق وحديث مع إمكانية التخصيص السهل للأنماط. يتيح للمصممين والمطورين إضافة عناصر تفاعلية بسهولة، مع دعم للأنماط الداكنة والنهاريّة. يهدف إلى تمكين المستخدمين من إنشاء مواقع عرض فنية أو تجارية تتطلب رسومات ثلاثية الأبعاد عالية الجودة دون الحاجة إلى إعداد خادم معقد.
This project is a modern, minimalist portfolio website for Jenna Eve, a Visual Designer & Creative Strategist.
هذا المشروع هو موقع ويب حديث ومينيماليستي لجينا إيف، مصمم مرئي ومتخصص في الاستراتيجية الإبداعية. تم بناؤه باستخدام React و Vite، يحتوي على تصميم نظيف يحتوي على تركيب غير منتظم، عناصر تفاعلية، وتذييل متكامل. يتضمن المشروع تحريك مؤشر الماوس، تأثيرات التمرير السلس، وتفاعلات النقر.
The insan-portfolio project is a personal portfolio website for showcasing projects and skills.
هذا المشروع هو موقع شخصي لاستعراض مشاريع و مهارات المطور. تم بناؤه باستخدام Next.js, React, و Tailwind CSS. يحتوي الموقع على أنماط حركة خلقت بفضل Framer Motion و Three.js. الهدف من هذا الموقع هو عرض عمل المطور ومهاراته بطريقة جذابة.
HDX Studios' coming soon page is an immersive western desert-themed experience built with Three.js, custom GLSL shaders, and GSAP animations.
هذا المشروع هو صفحة انتظار قادمة رائعة في بيئة غربية صحراوية محاكاة باستخدام Three.js وملفات GLSL المخصصة و GSAP. يحتوي المشهد على سماء مخصصة مع تمثيل الغيوم والنجوم، بالإضافة إلى أنظمة جزيئات غبار ورمال وموجات حرارة. وتشمل التأثيرات بعد المعالجة: توهج غير واقعي + موجات حرارة + إضاءة سينمائية + تأثير الظل. يمكن للمستخدمين التفاعل مع المشهد عن طريق النقر لتفجير جزيئات الغبار أو رؤية موجات الرياح العشوائية التي تؤثر على الجزيئات والرمل والطواحين، بالإضافة إلى إضاءة المصابيح. وتشمل الصفحة أيضًا تحريك GSAP للإنشاء، وcursor مخصص، وتصميم متجاوب.
A starter template for building React applications with TypeScript using Vite, providing HMR and linting configuration.
يُقدّم هذا القالب أساسًا بسيطًا وقويًا لإنشاء تطبيقات React مع TypeScript في بيئة Vite. يتضمن ميزة استبدال الوحدات الساخنة (HMR) لتلقي ملاحظات فورية أثناء التطوير، بالإضافة إلى إعداد ESLint متقدم يركز على التحقق من الأنواع. يدعم القالب كل من مترجم Babel ومترجم SWC لتوفير خيارات مختلفة لتحديث المكونات بسرعة. يستهدف المطورين الأماميين الذين يبحثون عن نقطة انطلاق نظيفة ومنظمة، ويقلل من الحاجة إلى إعدادات معقدة. يدمج القالب أفضل الممارسات منذ البداية، مما يساعد الفرق على الحفاظ على جودة الكود وتناسقه منذ اللحظة الأولى. كما يتيح التكوين المرن للمتصفّح والبيئة التطويرية تسريع عملية بناء وتوزيع التطبيقات.
An interactive web application that renders continuous 3D environments using React and Three.js.
يقدّم التطبيق مساحة ثلاثية الأبعاد تعمل في الوقت الحقيقي يمكن للمستخدمين استكشافها والتفاعل معها مباشرةً في المتصفح. يستند إلى React لإدارة المكوّنات وThree.js لتقديم رسومات WebGL بكفاءة، ما يضمن تجربة بصرية سلسة ومتجاوبة. يتيح للمستخدمين التنقل داخل فضاء مستمر، تعديل الكائنات، ومراقبة تأثيرات الإضاءة والظلال الديناميكية. تم تصميمه بنمط معياري يسهل توسيعه بإضافة هندسة مخصصة أو ميكانيكا فيزيائية. يُعد مثالياً لتصميم واجهات غامرة، أو عروض تعليمية، أو عرض رسومات تفاعلية متقدمة.
This is a minimal setup for building React applications in Vite, including TypeScript support and ESLint configuration.
هذا المشروع يوفّر نموذجًا أساسيًا لإنشاء تطبيقات React باستخدام Vite كأداة بناء. يتضمن دعم TypeScript وتنسيق ESLint للضمان من جودة الكود. كما يغطي كيفية تمكين Fast Refresh باستخدام Babel أو SWC. بالإضافة إلى ذلك، يشرح كيفية تحديث تنسيق ESLint للاستخدام في التطبيقات الإنتاجية.
The arena-graph project is a tool for visualizing 3D graphs in Are.na channels and blocks.
هذا المشروع هو أداة لتصفية الرسوم البيانية ثلاثية الأبعاد في قنوات وأقسام Are.na. يتيح للمستخدمين إنشاء تصورات مرئية ومتفاعلة من البيانات، مما يجعل فهم العلاقات والأنماط المعقدة أسهل. يستخدم المشروع Three.js لرسوميات ثلاثية الأبعاد وفيت (Vite) كأداة بناء.
The arena-3d project is a tool for visualizing 3D knowledge graphs within Are.na channels and blocks.
هذا المشروع هو منصة للتصوير ثلاثي الأبعاد التي تظهر شبكات المعرفة الثلاثية الأبعاد في قنوات وأقسام Are.na. يستخدم Three.js لرسخ الصور ثلاثية الأبعاد وVite كأداة بناء. يتيح للمستخدمين استكشاف البيانات المتراكمة في بيئة ممتعة، مما يجعل من السهل فهم العلاقات بين الكيانات المختلفة.
A web application that renders an interactive 3D office environment for remote collaboration.
يُنشئ التطبيق مساحة مكتبية ثلاثية الأبعاد غامرة يمكن للمستخدمين استكشافها في الوقت الحقيقي. يتيح لأعضاء الفريق التنقل داخل البيئة والتفاعل مع العناصر، بالإضافة إلى الانضمام إلى غرف الاجتماعات الافتراضية. تم تصميم واجهة المستخدم باستخدام تقنيات ويب حديثة لضمان أداء سلس على جميع الأجهزة. يستهدف التطبيق الفرق التي تعمل عن بُعد، والمصممين المعماريين، ومنظمي الفعاليات الذين يحتاجون إلى مساحة عمل افتراضية واقعية. يساهم توفير سياق بصري مشترك في تقليل الأخطاء في التواصل وتعزيز التعاون. كما يدعم التطبيق التغييرات السريعة في التخطيط، ما يجعله أداة مفيدة لتخطيط تصميم المكاتب قبل البناء. يدمج بين البساطة والفعالية لتقديم تجربة مستخدم متكاملة في بيئة افتراضية.
A real‑time, agent‑based dashboard that visualizes 4‑dimensional strategic intelligence for planners and analysts.
يُقدِّم Hyperlog War Room لوحة تحكم على الويب تُجمع وتُظهر البيانات الاستراتيجية المعقدة في الوقت الحقيقي. يستخدم نمذجة الوكلاء لمحاكاة التفاعلات عبر أبعاد متعددة، ما يوفِّر للمستخدمين رؤى ديناميكية وتنبؤية. تعتمد الواجهة على مكتبات واجهة حديثة لتوفير حركات سلسة وتصورات ثلاثية الأبعاد، بينما يضمن نظام خلفي قائم على المقابس تحديثات فورية للبيانات. يستهدف هذا النظام المخططين الاستراتيجيين، المحللين، ومديري العمليات، مما يساعدهم على استكشاف السيناريوهات، وتحديد الاتجاهات، واتخاذ قرارات مستنيرة. يحل المنصة مشكلة تفسير مجموعات البيانات الكبيرة والمتعددة الأبعاد من خلال عرضها بطريقة بديهية وتفاعلية، ما يميزها عن الحلول التقليدية.
Mediator is a web interface designed to unlock the full potential of Google's Gemini image generation models and Veo 3.1 video generation API, providing features like Automated Sticker Segmentation, Visual Storytelling, Technical Diagramming, and AI Video Generation.
مدير هو واجهة ويب حديثة تستخدم نموذج جيميني للتصوير بالصورة والواقع الافتراضي لفيو 3.1 لتقديم مجموعة من الأدوات الإبداعية. كانت في الأصل مستوحاة من أدوات CLI ولكنها تطورت إلى تطبيق ويب تقدمي (PWA) غني بالميزات مع قدرات فريدة. يعتمد المشروع على عجلات الآخرين، حيث يبنى على مفاهيم أنشأتها مشاريع مفتوحة المصدر مثل Google Gemini CLI Extensions - nanobanana.
A minimal React starter template using Vite that includes hot module replacement and ESLint configuration.
يُقدّم هذا القالب أساساً خفيفاً لبناء تطبيقات React باستخدام Vite. يتيح التحديث الحي للوحدات (HMR) لتحديث واجهة المستخدم فوراً أثناء التطوير. يتضمن الإعداد مجموعة مختارة من قواعد ESLint لضمان جودة الكود. يمكن للمطورين البدء في البرمجة مباشرةً دون إعداد إضافي. يُعد القالب مثالياً للبدء السريع أو لتعلم سير العمل الحديث في React. يوفّر بيئة تطوير متكاملة مع أدوات فحص الكود، مما يقلل من الأخطاء ويُسرّع عملية التطوير.
An interactive web app that combines 3D graphics and motion design to deliver engaging visual experiences.
يُعد هذا التطبيق واجهة ويب تفاعلية تُبنى باستخدام Next.js وReact مع TypeScript لضمان أمان النوع. يُستَخدم Tailwind CSS لتسريع عملية التصميم، بينما تُضيف مكتبة framer-motion حركات سلسة للمكونات. الجزء البصري الأساسي يعتمد على three.js، حيث يُرسم مشاهد ثلاثية الأبعاد تفاعلية مباشرة في المتصفح. يُصمم التطبيق ليكون متجاوبًا بالكامل، مع دعم كامل للسطح المكتب، والتابلت، والهواتف المحمولة. يُعد منصة مثالية لعرض تقنيات الواجهة الأمامية الحديثة، مما يتيح للمصممين والمطورين إنشاء تجارب ويب غامرة بسرعة. يُبنى التطبيق بنمط معماري مُنظم، ما يسهل إضافة صفحات أو ميزات جديدة في المستقبل. يدمج بين الأداء العالي والتصميم الجذاب، مع التركيز على تجربة المستخدم السلسة والملائمة لجميع الأجهزة.
A browser-based interactive window that displays a living fictional world with characters that change according to time, season, and cultural events.
يُقدّم مشروع نافذة الكitsune نافذة تفاعلية على المتصفح تسمح للمستخدمين برؤية عالم خيالي حي يتغير مع مرور الوقت. تتفاعل الشخصيات في هذا العالم مع الوقت الحالي، والموسم، والفعاليات الثقافية، ما يخلق إحساسًا بالاستمرارية والواقعية. يدعم التطبيق ثلاث أوضاع بصرية—الرسوم المتحركة بصيغة PNG، ونماذج Live2D، ونماذج VRM—مما يتيح للمبدعين اختيار مستوى التفاصيل والأداء المناسبين. يُعدّ تجربة سحب (pull‑based) حيث لا تتطلب إشعارات دفع، ففتح الرابط يكفي لإحياء العالم. يمكن تثبيت التطبيق كـ PWA للوصول السريع من الشاشة الرئيسية للجهاز. تم تصميم النظام للمبدعين الذين يرغبون في إنشاء نوافذ سردية شخصية أو دمج قصة حية في موقع ويب دون الحاجة إلى بنية تحتية معقدة.
A web application that renders 3D film reels with a negative color effect for visualizing images as film negatives.
يُقدِّم هذا المشروع تجربة ويب تفاعلية تعرض الصور كأفلام ثلاثية الأبعاد مع تأثير سطوع سلبي. يمكن للمستخدمين تحميل صورهم الخاصة أو استخدام عينات مدمجة، وتستجيب المشهد بحركات الفأرة أو اللمس لتوفير عرض ديناميكي. يُبنى التطبيق باستخدام أداة تجميع حديثة لضمان تحميل سريع وحركة سلسة. يستهدف المصورين والمصممين والمعلمين الذين يبحثون عن وسيلة مبتكرة لتقديم أو تحليل الصور. يجمع المشروع بين التصيير ثلاثي الأبعاد والجمالية الكلاسيكية للأفلام، ما يخلق وسيلة سرد بصري فريدة. يتيح للمستخدمين استكشاف تأثيرات التبديل اللوني بطريقة بصرية جذابة، مع إمكانية تعديل الإعدادات لتناسب احتياجاتهم. يساهم هذا النهج في إثراء المحتوى الرقمي وتقديم أدوات تعليمية بصرية متقدمة.
This project is a personal portfolio website for developers to showcase their skills and experience.
هذا المشروع هو موقع شخصي للاستوداع للبرمجيين ليعرضوا مهاراتهم وخبراتهم. يعتمد هذا المشروع على تطبيق الويب الذي يسمح للمستخدمين بإنشاء وجود ظاهري متميز. يتم بناء التصميم الحديث باستخدام React، مع إضافة تأثيرات حركية باستخدام Framer Motion. كما يستخدم Three.js لرسومات تفاعلية. ويستخدم Vite كأداة بناء. يمكن تخصيص هذا الاستوداع لعرض مشاريع و مهارات مختلفة، مما يجعل منه منصة مثالية للبرمجيين لعرض أعمالهم.