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 es un framework de temas de React y una utilidad CSS-in-JS utilizada para construir interfaces de usuario tematizables. Funciona como una herramienta de sistema de diseño que establece escalas centralizadas basadas en restricciones para colores, tipografía y espaciado para garantizar la consistencia visual en todas las aplicaciones. El framework se distingue por una abreviatura responsiva basada en arrays para diseños mobile-first y un gestor de modos de color dedicado que se sincroniza con las preferencias del navegador y persiste las selecciones del usuario. También cuenta con un sistema para crear variantes de estilo con nombre para controlar la apariencia de los componentes mediante propiedades y proporciona capacidades de sincronización para traducir configuraciones de temas a Figma Styles. El proyecto cubre un amplio conjunto de capacidades de estilo, incluyendo inyección global de CSS para reseteos de elementos, anulaciones de temas anidados mediante contexto y un sistema de configuración de fusión profunda (deep-merge) para extender preajustes de diseño. También incluye un conjunto de componentes de diseño tematizables, como rejillas responsivas y entradas de formulario estandarizadas. Hay un plugin dedicado disponible para integrar el sistema de diseño dentro de sitios 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 es una biblioteca de componentes y toolkit de desarrollo diseñado específicamente para crear aplicaciones de WeChat Mini Program. Funciona como un framework de UI responsivo que proporciona componentes de interfaz de usuario preconstruidos y un conjunto de funciones auxiliares para entornos de aplicaciones móviles. El proyecto incluye una herramienta de construcción enfocada en la optimización de bundles de mini programas, permitiendo la compilación de componentes específicos y la eliminación de activos no utilizados para reducir el tamaño del paquete. También cuenta con un sistema para el diseño de interfaces responsivas que traduce valores de píxeles estáticos en unidades flexibles para diferentes tamaños de pantalla. El toolkit cubre capacidades más amplias, incluyendo la gestión de flujos de trabajo asíncronos para convertir callbacks en promesas, y utilidades para manipular datos de cadenas y arrays. Proporciona un sistema de configuración global para personalizar estilos de componentes y colores de tema. La configuración inicial es compatible mediante una interfaz de línea de comandos (CLI) utilizada para arrancar plantillas de proyectos y generar estructuras de directorios estandarizadas.

flutter_screenutil es un framework de UI responsivo y herramienta de diseño adaptativo para Flutter. Proporciona un sistema para escalar dimensiones de diseño y fuentes basadas en un diseño de referencia para asegurar proporciones consistentes a través de diferentes resoluciones de pantalla y dispositivos. El kit de herramientas funciona como un proveedor de métricas de pantalla que recupera propiedades del dispositivo en tiempo real, incluyendo ancho, alto, densidad de píxeles y dimensiones de área segura. Maneja específicamente la adaptación del diseño durante cambios de orientación del dispositivo y actualizaciones del modo de pantalla dividida. El framework cubre la gestión de tipografía adaptativa, escalado de dimensiones de diseño y monitoreo de métricas de pantalla. Incluye mecanismos para controlar la reconstrucción de la UI durante el cambio de tamaño de la pantalla y aplica límites de escalado para mantener la integridad visual en pantallas muy grandes o pequeñas.

Este proyecto es una base preconfigurada para construir aplicaciones web responsivas para móviles utilizando Vue 3 y Vite. Proporciona un scaffold listo para producción que integra herramientas de desarrollo esenciales, librerías de componentes y optimizaciones en tiempo de construcción para acelerar la creación de interfaces móviles. El framework se distingue por la gestión automatizada de activos y configuración, incluyendo el registro automático de componentes de UI y la conversión de archivos SVG en componentes reutilizables. Cuenta con soporte integrado para diseño responsivo transformando automáticamente unidades CSS basadas en píxeles en unidades de viewport relativas, asegurando un escalado de diseño consistente en varios dispositivos móviles. Además, incluye simulación de red en tiempo de desarrollo para permitir pruebas frontend sin un backend funcional, junto con capacidades de depuración remota para inspeccionar logs y peticiones de red directamente en hardware móvil. El proyecto cubre una amplia gama de requisitos de desarrollo, incluyendo persistencia de estado basada en rutas para mantener posiciones de scroll y datos de entrada durante la navegación, y sincronización dinámica de metadatos para títulos de navegador. También incorpora utilidades enfocadas en el rendimiento como carga de componentes bajo demanda, optimización de activos de producción y validación automatizada de mensajes de commit para mantener los estándares del proyecto.

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