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 is a React theme framework and CSS-in-JS utility used for building themeable user interfaces. It functions as a design system tool that establishes centralized, constraint-based scales for colors, typography, and spacing to ensure visual consistency across applications. The framework distinguishes itself through an array-based responsive shorthand for mobile-first layouts and a dedicated color mode manager that synchronizes with browser preferences and persists user selections. It also features a system for creating named style variants to control component appearance via properties

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 is a component library and development toolkit designed specifically for creating WeChat Mini Program applications. It functions as a responsive UI framework that provides pre-built user interface components and a set of helper functions for mobile app environments. The project includes a build tool focused on mini program bundle optimization, allowing for the compilation of specific components and the removal of unused assets to reduce package size. It also features a system for responsive interface design that translates static pixel values into flexible units for different screen si

flutter_screenutil Flutter के लिए एक रिस्पॉन्सिव UI फ्रेमवर्क और एडेप्टिव लेआउट टूल है। यह विभिन्न स्क्रीन रिज़ॉल्यूशन्स और डिवाइसों में सुसंगत अनुपात सुनिश्चित करने के लिए एक संदर्भ डिज़ाइन के आधार पर लेआउट आयामों और फोंट्स को स्केल करने के लिए एक सिस्टम प्रदान करता है। यह टूलकिट एक स्क्रीन मेट्रिक्स प्रदाता के रूप में कार्य करता है जो स्क्रीन चौड़ाई, ऊंचाई, पिक्सेल घनत्व और सुरक्षित क्षेत्र आयामों सहित वास्तविक समय डिवाइस गुणों को पुनः प्राप्त करता है। यह विशेष रूप से डिवाइस ओरिएंटेशन परिवर्तनों और स्प्लिट-स्क्रीन मोड अपडेट्स के दौरान लेआउट अनुकूलन को संभालता है। यह फ्रेमवर्क एडेप्टिव टाइपोग्राफी मैनेजमेंट, लेआउट आयाम स्केलिंग और स्क्रीन मेट्रिक्स मॉनिटरिंग को कवर करता है। इसमें स्क्रीन रिसाइजिंग के दौरान UI रीबिल्ड्स को नियंत्रित करने के लिए तंत्र शामिल हैं और बहुत बड़ी या छोटी डिस्प्ले पर विज़ुअल अखंडता बनाए रखने के लिए स्केलिंग सीमाएं लागू करता है।

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