Awesome GitHub RepositoriesBorder Styling Utilities

This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

This project is a curated collection of galleries and component libraries that demonstrate pure CSS visual effects, 3D transforms, animation patterns, and layout solutions. It serves as a visual catalog of interactive UI elements and graphics built exclusively with HTML and CSS. The collection distinguishes itself by implementing complex interactivity, such as state management and animation triggers, using only CSS pseudo-classes and keyframes without any JavaScript. It also features a system for generative art and algorithmic patterns, as well as spatial 3D constructions using perspective an

Twoway-view هي مكتبة Java لتطوير واجهة مستخدم قائمة Android مصممة لتبسيط إنشاء واجهات قائمة وشبكة مخصصة. تركز على تقليل الكود المتكرر عند بناء ترتيبات عناصر معقدة وتخطيطات مخصصة. يوفر المشروع أدوات لتصميم مدير التخطيط المخصص وإدارة تخطيط التسلسل، مما يسمح بوضع هيكلي دقيق للعناصر. يتضمن آليات لتبسيط تخطيط القائمة وعرض تخطيطات واجهة المستخدم المخصصة. تغطي المكتبة مجموعة واسعة من قدرات القائمة، بما في ذلك إدارة تزيين العناصر للتصميم المرئي، وبدائيات التفاعل لمعالجة الإدخال وتتبع التحديد، وأدوات التنقل للتمرير المتحرك إلى مواضع محددة.

XUI هو إطار عمل لواجهة مستخدم Android ومكتبة مكونات مصممة لبناء واجهات التطبيقات. يوفر مجموعة شاملة من التخطيطات الأصلية، وحقول الإدخال، وعناصر التنقل، مدعومة بنظام إدارة سمات متعدد المستويات لتعريف السمات البصرية العالمية والأنماط المتجاوبة. يتميز إطار العمل بمجموعة متخصصة من طرق العرض المخصصة ومجموعات أدوات التفاعل، بما في ذلك تقويمات عالية الأداء، وعرض تصور البيانات، ومجموعة متنوعة من الأزرار المصممة مع مؤقتات مدمجة وتأثيرات بصرية. كما يتضمن إمكانيات معالجة الوسائط المتكاملة مثل مسح الباركود ورموز QR، وتوليد QR مخصص، وواجهة قص الصور. يغطي المشروع نطاقاً واسعاً من قدرات واجهة المستخدم وتجربة المستخدم، بما في ذلك مكونات إدخال البيانات المتنوعة، وبدائيات النوافذ العائمة، ومجموعة واسعة من مؤشرات التغذية الراجعة مثل snackbars ومقاييس التقدم. كما يوفر قوالب التخطيط، وتكوين الطباعة، وأنظمة الرسوم المتحركة لإدارة انتقالات العرض والتغذية الراجعة التفاعلية.

هذا المشروع عبارة عن كتالوج تقني ومرجع لتنسيق واجهات المستخدم للهواتف المحمولة. يعمل ككتالوج لخصائص واجهة المستخدم للهواتف ودليل ترجمة يربط مفاهيم تنسيق الويب القياسية بترميز كائنات JavaScript المطلوب من قبل أطر عمل الهواتف. يوفر المرجع إرشادات محددة حول تخطيط flexbox للهواتف لترتيب العناصر والتحكم في المحاذاة. كما يقوم بترجمة مفاهيم CSS إلى ترميز متوافق مع الهواتف للمساعدة في ترحيل تنسيق الويب إلى بيئات الهواتف. يغطي التوثيق مجموعة واسعة من قدرات التنسيق المرئي، بما في ذلك الطباعة، وتكوينات الحدود، وتأثيرات الظل. كما يتضمن مواصفات لإدارة عرض الصور، وتحويلات هندسة العناصر، وتكوين سلوك إدخال النص.

Papercss هو إطار عمل لواجهة المستخدم (UI) يعتمد على CSS ونظام تصميم بنمط المستندات، يُستخدم لبناء تخطيطات صفحات ويب متجاوبة. يعمل كمكتبة CSS تعتمد على Less تطبق جماليات تشبه الورق وخطوطاً منظمة لمنح صفحات الويب مظهر المستندات المادية. يدمج المشروع أيضاً نموذج مكتبة CSS يركز على الأدوات (utility-first) لتسريع عملية التصميم. يتميز إطار العمل بقدرته على أتمتة الزخارف المرئية، مثل تطبيق أنماط الحدود الدوارة وتأثيرات الظل على العناصر الفرعية. يستخدم نظام متغيرات يعتمد على Less وتجميعاً معيارياً لملفات الأنماط، مما يسمح للمستخدمين بتخصيص متغيرات التصميم العالمية واختيار مجموعات مكونات محددة لتقليل حجم ملف الأنماط النهائي. تغطي المكتبة مجموعة واسعة من الإمكانيات، بما في ذلك شبكة متجاوبة من اثني عشر عموداً تعتمد على Flexbox، ومجموعة شاملة من مكونات واجهة المستخدم مثل النوافذ المنبثقة (modals)، وتنبيهات الإشعارات، وأشرطة التنقل المتجاوبة. كما يوفر تنسيقاً متخصصاً للمحتوى التقني، بما في ذلك كتل الأكواد، وجداول البيانات، وتخطيطات المقالات، إلى جانب دعم وضعي الألوان الفاتح والداكن.

أداة toolong هي عارض سجلات طرفي ومدير سجلات TUI مصمم لمراقبة تدفقات السجلات الحية والتنقل في ملفات السجلات الكبيرة. تعمل كمجمع للسجلات ومنسق JSONL، قادرة على دمج ملفات سجلات متعددة في عرض زمني واحد من خلال الكشف التلقائي عن الطوابع الزمنية. يدعم التطبيق تصور البيانات المهيكلة من خلال تنسيق ملفات JSONL بشكل جميل وتطبيق تمييز الصيغ البرمجية على أنماط سجلات خوادم الويب الشائعة. يتعامل التطبيق مع البيانات واسعة النطاق بكفاءة من خلال طرق عرض قابلة للتمرير ذات حجم افتراضي، مما يسمح للمستخدمين بفتح السجلات المضغوطة أو الملفات بأي حجم دون تحميل المستند بالكامل في الذاكرة. يتضمن النظام قدرات لتتبع تدفقات السجلات (Tailing)، وإجراء مطابقة نصية تقريبية (Fuzzy matching)، وإدارة التنقل عبر نموذج شاشة قائم على المكدس. كما يوفر لوحة أوامر لاكتشاف وظائف التطبيق ويدعم عناصر تفاعلية مثل الروابط القابلة للنقر وتلميحات الأدوات عند التحويم.