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 este o bibliotecă de componente și un toolkit de dezvoltare conceput special pentru crearea de aplicații WeChat Mini Program. Funcționează ca un framework UI responsiv care oferă componente de interfață pre-construite și un set de funcții helper pentru medii de aplicații mobile. Proiectul include un instrument de build axat pe optimizarea bundle-ului de mini-programe, permițând compilarea componentelor specifice și eliminarea activelor neutilizate pentru a reduce dimensiunea pachetului. De asemenea, dispune de un sistem pentru design de interfață responsiv care traduce valorile statice de pixeli în unități flexibile pentru diferite dimensiuni de ecran. Toolkit-ul acoperă capabilități mai largi, inclusiv gestionarea fluxurilor de lucru asincrone pentru a converti callback-urile în promise-uri și utilitare pentru manipularea datelor de tip șir și array. Oferă un sistem de configurare globală pentru a personaliza stilurile componentelor și culorile temei. Configurarea inițială este susținută printr-o interfață în linie de comandă (CLI) utilizată pentru a boota șabloane de proiect și a genera structuri de directoare standardizate.

flutter_screenutil is a responsive UI framework and adaptive layout tool for Flutter. It provides a system for scaling layout dimensions and fonts based on a reference design to ensure consistent proportions across different screen resolutions and devices. The toolkit functions as a screen metrics provider that retrieves real-time device properties, including screen width, height, pixel density, and safe area dimensions. It specifically handles layout adaptation during device orientation changes and split-screen mode updates. The framework covers adaptive typography management, layout dimens

Acest proiect este o fundație preconfigurată pentru construirea de aplicații web mobile-responsive folosind Vue 3 și Vite. Oferă un scaffold gata de producție care integrează instrumente esențiale de dezvoltare, biblioteci de componente și optimizări la momentul build-ului pentru a accelera crearea interfețelor mobile. Framework-ul se distinge prin gestionarea automată a activelor și a configurației, inclusiv înregistrarea automată a componentelor UI și conversia fișierelor SVG în componente reutilizabile. Dispune de suport integrat pentru design responsive prin transformarea automată a unităților CSS bazate pe pixeli în unități relative de viewport, asigurând scalarea consistentă a layout-ului pe diverse dispozitive mobile. În plus, include mocking de rețea la momentul dezvoltării pentru a permite testarea frontend-ului fără un backend funcțional, alături de capabilități de debugging remote pentru inspectarea log-urilor și a cererilor de rețea direct pe hardware-ul mobil. Proiectul acoperă o gamă largă de cerințe de dezvoltare, inclusiv persistența stării bazată pe rută pentru a menține pozițiile de scroll și datele de input în timpul navigării, și sincronizarea dinamică a metadatelor pentru titlurile browserului. De asemenea, încorporează utilitare axate pe performanță, cum ar fi încărcarea componentelor la cerere, optimizarea activelor de producție și validarea automată a mesajelor de commit pentru a menține standardele proiectului.

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