Awesome GitHub RepositoriesResponsive UI Frameworks

This is a layout library for Android applications that implements the CSS Flexible Box layout model. It provides a view container and engine that arrange child views by distributing space and aligning content according to a flexible box model. The framework enables the creation of responsive user interfaces that automatically adjust element positioning, wrapping, and growth based on available screen dimensions and orientations. The system includes capabilities for adaptive layout workflows, dynamic element alignment, and a virtualized rendering system for recycling views to display large dat

Ant Design Mobile is a mobile UI component library and design system built for React. It provides a collection of pre-styled interface elements and standardized UI blocks used to create consistent, responsive user interfaces for mobile web applications. The framework focuses on mobile web design and frontend interface engineering, providing tools to implement interaction patterns tailored for touch-based browsing. It ensures a uniform look and feel across different mobile browsers and handheld device screens. The library incorporates responsive layout systems and CSS-variable-based theming.

NativeWind is a utility-first CSS framework that integrates Tailwind CSS design patterns into React Native applications. It functions as a cross-platform styling system and style mapper that translates CSS-based utility classes into native style objects compatible with mobile platforms. The framework provides a responsive UI engine that implements breakpoints, dark mode management, and platform-specific modifiers. It allows for the definition of custom themes including global colors, fonts, and spacing values to maintain a consistent visual identity across different devices. The system cover

Theme-ui هو إطار عمل سمات React وأداة CSS-in-JS تُستخدم لبناء واجهات مستخدم قابلة للسمات. يعمل كأداة نظام تصميم تنشئ مقاييس مركزية قائمة على القيود للألوان، والطباعة، والتباعد لضمان الاتساق البصري عبر التطبيقات. يتميز إطار العمل باختصار استجابة قائم على المصفوفة للتخطيطات التي تبدأ بالهواتف المحمولة ومدير وضع ألوان مخصص يتزامن مع تفضيلات المتصفح ويحفظ اختيارات المستخدم. كما يتميز بنظام لإنشاء متغيرات أنماط مسماة للتحكم في مظهر المكونات عبر الخصائص ويوفر قدرات مزامنة لترجمة تكوينات السمات إلى Figma Styles. يغطي المشروع مجموعة واسعة من قدرات التصميم، بما في ذلك حقن CSS العالمي لإعادة تعيين العناصر، وتجاوزات السمات المتداخلة عبر السياق، ونظام تكوين دمج عميق لتوسيع إعدادات التصميم المسبقة. يتضمن أيضاً مجموعة من مكونات التخطيط القابلة للسمات، مثل الشبكات المتجاوبة ومدخلات النماذج الموحدة. تتوفر إضافة مخصصة لدمج نظام التصميم داخل مواقع Gatsby.

Buttons is a CSS button framework and UI component library providing a set of reusable visual elements for mobile and desktop web environments. It functions as a CSS utility system and variable-driven theming engine that enables the creation of consistent buttons using configurable typography and shapes. The system utilizes a modular CSS architecture where independent style and color classes are composed on single elements to produce varied visual effects, such as 3D or flat designs. It employs a declarative design framework that maps configuration options to real-time visual attributes via c

Lin-ui هي مكتبة مكونات ومجموعة أدوات تطوير مصممة خصيصاً لإنشاء تطبيقات WeChat Mini Program. تعمل كإطار عمل لواجهة مستخدم متجاوبة يوفر مكونات واجهة مستخدم جاهزة ومجموعة من الدوال المساعدة لبيئات تطبيقات الهاتف المحمول. يتضمن المشروع أداة بناء تركز على تحسين حزمة البرنامج المصغر، مما يسمح بتجميع مكونات محددة وإزالة الأصول غير المستخدمة لتقليل حجم الحزمة. كما يتميز بنظام لتصميم الواجهات المتجاوبة الذي يترجم قيم البكسل الثابتة إلى وحدات مرنة لأحجام الشاشات المختلفة. تغطي مجموعة الأدوات قدرات أوسع بما في ذلك إدارة سير العمل غير المتزامن لتحويل الاستدعاءات (callbacks) إلى وعود (promises)، وأدوات لمعالجة بيانات النصوص والمصفوفات. يوفر نظام تكوين عالمي لتخصيص أنماط المكونات وألوان السمات. يتم دعم الإعداد الأولي عبر واجهة سطر أوامر (CLI) تُستخدم لتهيئة قوالب المشاريع وإنشاء هياكل أدلة موحدة.

flutter_screenutil هو إطار عمل لواجهة المستخدم المستجيبة وأداة تخطيط تكيفية لـ Flutter. يوفر نظاماً لتحجيم أبعاد التخطيط والخطوط بناءً على تصميم مرجعي لضمان نسب متسقة عبر دقة الشاشة والأجهزة المختلفة. تعمل مجموعة الأدوات كمزود لمقاييس الشاشة يسترجع خصائص الجهاز في الوقت الفعلي، بما في ذلك عرض الشاشة، وارتفاعها، وكثافة البكسل، وأبعاد المنطقة الآمنة. ويتعامل بشكل خاص مع تكيف التخطيط أثناء تغييرات اتجاه الجهاز وتحديثات وضع تقسيم الشاشة. يغطي إطار العمل إدارة الطباعة التكيفية، وتحجيم أبعاد التخطيط، ومراقبة مقاييس الشاشة. ويتضمن آليات للتحكم في إعادة بناء واجهة المستخدم أثناء تغيير حجم الشاشة ويطبق حدود تحجيم للحفاظ على السلامة البصرية على الشاشات الكبيرة جداً أو الصغيرة جداً.

This project is a pre-configured foundation for building mobile-responsive web applications using Vue 3 and Vite. It provides a production-ready scaffold that integrates essential development tools, component libraries, and build-time optimizations to accelerate the creation of mobile interfaces. The framework distinguishes itself through automated asset and configuration management, including the automatic registration of UI components and the conversion of SVG files into reusable components. It features built-in support for responsive design by automatically transforming pixel-based CSS uni

This project is a jQuery plugin designed for creating responsive grid interfaces that support interactive drag-and-drop reordering and manual resizing of elements. It provides a framework for managing structured layouts where content can be organized into a grid system that automatically adjusts to maintain visual alignment. The library enables users to customize dashboards by rearranging and scaling widgets through mouse-based interactions. It utilizes a coordinate-based system to detect collisions and ensure that elements snap into valid slots, while providing callback functions to monitor