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 ist ein React-Theme-Framework und CSS-in-JS-Utility für den Aufbau themenfähiger Benutzeroberflächen. Es fungiert als Design-System-Tool, das zentralisierte, einschränkungsbasierte Skalen für Farben, Typografie und Abstände festlegt, um visuelle Konsistenz über Anwendungen hinweg zu gewährleisten. Das Framework zeichnet sich durch eine Array-basierte responsive Kurzschreibweise für Mobile-First-Layouts und einen dedizierten Color-Mode-Manager aus, der mit Browsereinstellungen synchronisiert wird und Benutzerauswahlen beibehält. Es bietet zudem ein System zur Erstellung benannter Style-Varianten, um das Komponenten-Erscheinungsbild über Eigenschaften zu steuern, und bietet Synchronisationsfunktionen, um Theme-Konfigurationen in Figma-Styles zu übersetzen. Das Projekt deckt eine breite Palette an Styling-Funktionen ab, einschließlich globaler CSS-Injektion für Element-Resets, verschachtelter Theme-Overrides via Context und ein Deep-Merge-Konfigurationssystem zur Erweiterung von Design-Presets. Es enthält zudem eine Reihe themenfähiger Layout-Komponenten, wie responsive Grids und standardisierte Formulareingaben. Ein dediziertes Plugin ist für die Integration des Design-Systems in Gatsby-Sites verfügbar.

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 ist eine Komponentenbibliothek und ein Entwicklungs-Toolkit speziell für die Erstellung von WeChat Mini Program-Anwendungen. Es fungiert als responsives UI-Framework, das vorgefertigte Benutzeroberflächenkomponenten und eine Reihe von Hilfsfunktionen für mobile App-Umgebungen bereitstellt. Das Projekt enthält ein Build-Tool, das auf die Optimierung von Mini-Program-Bundles fokussiert ist und die Kompilierung spezifischer Komponenten sowie das Entfernen ungenutzter Assets zur Reduzierung der Paketgröße ermöglicht. Es bietet zudem ein System für responsives Interface-Design, das statische Pixelwerte in flexible Einheiten für verschiedene Bildschirmgrößen umwandelt. Das Toolkit deckt weitere Funktionen ab, darunter asynchrones Workflow-Management zur Umwandlung von Callbacks in Promises sowie Dienstprogramme zur Manipulation von String- und Array-Daten. Es bietet ein globales Konfigurationssystem zur Anpassung von Komponentenstilen und Themenfarben. Die Ersteinrichtung wird durch ein Command-Line-Interface unterstützt, das zum Bootstrapping von Projektvorlagen und zur Generierung standardisierter Verzeichnisstrukturen dient.

flutter_screenutil ist ein responsives UI-Framework und adaptives Layout-Tool für Flutter. Es bietet ein System zur Skalierung von Layout-Dimensionen und Schriftarten basierend auf einem Referenzdesign, um konsistente Proportionen über verschiedene Bildschirmauflösungen und Geräte hinweg sicherzustellen. Das Toolkit fungiert als Screen-Metrics-Provider, der Echtzeit-Geräteeigenschaften abruft, einschließlich Bildschirmbreite, -höhe, Pixeldichte und Safe-Area-Dimensionen. Es handhabt spezifisch die Layout-Anpassung bei Geräteorientierungsänderungen und Split-Screen-Modus-Updates. Das Framework deckt adaptives Typografie-Management, Layout-Skalierung und Screen-Metrics-Monitoring ab. Es enthält Mechanismen zur Steuerung von UI-Rebuilds bei Bildschirmgrößenänderungen und wendet Skalierungsgrenzen an, um die visuelle Integrität auf sehr großen oder kleinen Displays zu wahren.

Dieses Projekt ist ein vorkonfiguriertes Fundament für den Aufbau mobil-responsiver Webanwendungen mit Vue 3 und Vite. Es bietet ein produktionsreifes Grundgerüst, das wesentliche Entwicklungstools, Komponentenbibliotheken und Build-Zeit-Optimierungen integriert, um die Erstellung mobiler Interfaces zu beschleunigen. Das Framework zeichnet sich durch automatisierte Asset- und Konfigurationsverwaltung aus, einschließlich der automatischen Registrierung von UI-Komponenten und der Konvertierung von SVG-Dateien in wiederverwendbare Komponenten. Es bietet integrierte Unterstützung für responsives Design durch die automatische Transformation pixelbasierter CSS-Einheiten in relative Viewport-Einheiten, was ein konsistentes Layout-Scaling über verschiedene mobile Geräte hinweg sicherstellt. Zudem enthält es entwicklungszeitnahes Netzwerk-Mocking, um Frontend-Tests ohne funktionales Backend zu ermöglichen, sowie Remote-Debugging-Funktionen zur Inspektion von Logs und Netzwerkanfragen direkt auf mobiler Hardware. Das Projekt deckt eine breite Palette an Entwicklungsanforderungen ab, einschließlich routenbasierter Zustandspersistenz zur Beibehaltung von Scroll-Positionen und Eingabedaten während der Navigation sowie dynamischer Metadaten-Synchronisierung für Browsertitel. Es integriert zudem leistungsfokussierte Dienstprogramme wie On-Demand-Komponentenladen, Produktions-Asset-Optimierung und automatisierte Commit-Nachrichten-Validierung zur Einhaltung von Projektstandards.

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