31 dépôts
Frameworks and components designed to maintain a uniform visual language across multiple application screens.
Distinguishing note: None of the candidates address the architectural goal of cross-screen consistency; minting under User Interface & Experience.
Explore 31 awesome GitHub repositories matching user interface & experience · Interface Consistency Utilities. Refine with filters or upvote what's useful.
Ionic is a cross-platform mobile UI toolkit and hybrid app development framework. It provides a library of web components for building native-quality iOS, Android, and Progressive Web Apps using HTML, CSS, and JavaScript from a single codebase. The project utilizes a web component UI library to ensure consistent mobile interface behaviors. It employs a framework-agnostic wrapper to integrate these custom elements with JavaScript libraries such as React, Vue, and Angular. The toolkit covers hybrid mobile UI design and cross-platform app development. It includes an adaptive styling system that
Provides a system for designing adaptive native mobile interfaces that maintain consistency across different device types.
This project provides a collection of instructional guides and tutorials for Android app development, native mobile application creation, and computer science education. It focuses on building native applications through step-by-step implementation, covering the development of user interfaces and the integration of system hardware and permissions. The material extends into broader technical domains, including the study of fundamental data structures and algorithms for technical interview preparation. It also covers cybersecurity fundamentals, such as identifying web vulnerabilities and implem
Teaches how to build responsive layouts and custom views that adapt to different mobile screen sizes and orientations.
Yoga is an embeddable UI layout library and engine that implements the flexible box model used in web standards. It functions as a cross-platform tool for computing user interface geometry, calculating element sizes and positions without relying on a specific operating system's rendering. The engine provides a portable C++ core to ensure identical layout calculations across Android, iOS, and the web. It utilizes an abstract node interface to separate the layout logic from the host UI framework, allowing it to be integrated into native applications. The system manages interface rendering thro
Ensures UI elements maintain consistent sizes and positions across different hardware and platforms.
This project is a native Android widget toolkit that provides a collection of standardized interface elements for mobile application development. It serves as a comprehensive implementation of the Material Design language, offering ready-to-use widgets and layouts designed to ensure consistent visual and interactive patterns across an application. The library distinguishes itself by integrating directly with the platform view system, allowing developers to maintain a uniform look and feel across different screens. It utilizes a centralized theme object to resolve visual properties and support
Ensures a uniform look and feel across different application screens by using a shared set of pre-built design components.
Mint-UI is a mobile interface toolkit and component-based UI framework designed for Vue.js applications. It provides a collection of pre-styled user interface components specifically optimized for mobile devices and touch-based navigation. The library focuses on mobile UI development and responsive design, offering a set of layout and interaction elements tailored for mobile viewport constraints to ensure visual consistency across different screens. The framework utilizes a modular architecture that integrates a CSS-based styling system with Vue's reactivity model, using prop-driven configur
Offers layouts that automatically adapt to various mobile screen sizes and orientations.
weui-wxss is a mobile design system and UI framework designed for the WeChat Mini Program development environment. It provides a collection of reusable components and predefined styles to ensure interfaces match the native WeChat look and feel. The library focuses on implementing a native WeChat user experience by translating mobile design mockups into working code using standardized visual guidelines. It manages the visual appearance of applications through a consistent set of stylesheets tailored for the WeChat runtime. The framework includes capabilities for style management and the imple
Acts as a comprehensive framework for building consistent and adaptive native-looking mobile interfaces.
Ratchet is a web-based mobile UI framework and component-based library designed to create responsive mobile application interfaces. It provides a CSS mobile layout system that allows for the development of application frontends using standard web technologies. The framework focuses on mobile app interface design and rapid prototyping, utilizing pre-styled visual elements to ensure consistent styling across various screen sizes and resolutions. The system employs a CSS-only approach to define interactive states and layouts, incorporating a grid-based responsive layout and utility-first styles
Building mobile user interfaces using HTML and CSS to ensure consistent styling across various screen sizes.
mui is a mobile UI component framework and native-like web UI kit designed for building high-performance mobile web interfaces. It functions as a mobile web performance framework and gesture-based interface library to eliminate browser lag and mimic the behaviors and animations of native mobile applications. The framework focuses on implementing common mobile UX patterns, including pull-to-refresh functionality, swipe-to-action menus, and sliding side navigation. It provides specialized tools for gesture-driven interface development to ensure an immediate visual response to touch interactions
Provides a comprehensive framework for building high-performance mobile interfaces that mimic native design systems.
uamp is an audio media application framework and reference implementation for building music playback applications on Android. It provides a cross-device media framework designed to maintain functional and visual consistency across phones, tablets, Wear OS, Android TV, and Android Auto. The project features specific implementations for automotive-safe music control and Google Cast integration for remote playback. It includes a multi-form factor UI kit that demonstrates how to adapt a single media codebase to various screen sizes and device types. The framework covers core media capabilities
Adapts the user interface across different screen dimensions by switching between mobile and tablet layouts.
Evergreen is a React UI component library and design system framework. It provides a collection of pre-styled, accessible interface elements used to build consistent web applications. The library functions as a server-side rendered UI kit, allowing components to generate HTML on the server to improve page load speeds and search engine visibility. It includes a centralized styling layer for managing colors, typography, and spacing through custom UI theming. The framework covers accessible web design and enterprise interface design, utilizing a token-based styling system to maintain a uniform
Provides a framework of components designed to maintain a uniform visual language across multiple screens.
Material is a mobile user interface framework designed for building responsive and consistent native applications. It provides a declarative component architecture that allows developers to construct complex interfaces through modular, self-contained elements that manage their own state and rendering logic. The framework distinguishes itself through a constraint-based layout engine that calculates component geometry by solving spatial relationships between elements, ensuring layouts adapt automatically to varying screen sizes. It also features a hierarchical design system that propagates styl
Provides a comprehensive framework for building consistent, adaptive native mobile interfaces using declarative components and constraint-based layouts.
jQuery Mobile is a mobile web framework and cross-platform UI library designed to create consistent HTML5 user interfaces that adapt to different mobile device platforms and screen sizes. It provides a collection of customizable components and CSS styles to render a unified look and feel across various mobile operating systems. The framework functions as a CSS themeable UI kit, featuring a build process that allows for the generation of custom visual themes by modifying base style files and assets. The library covers a broad capability surface including responsive mobile interface developmen
Implements design techniques to ensure user interfaces automatically adapt to various mobile screen sizes.
react-native-reusables est une bibliothèque de composants UI React Native et un système de design mobile multiplateforme. Elle fournit une collection de composants d'interface utilisateur accessibles et stylisables, conçus pour maintenir une cohérence visuelle sur différents systèmes d'exploitation mobiles. Le projet fonctionne comme une collection de composants UI headless, privilégiant l'accessibilité et la fonctionnalité aux préréglages visuels rigides. Il agit comme un framework CSS mobile Tailwind en implémentant des modèles CSS utilitaires via NativeWind pour faciliter le prototypage rapide d'interfaces. La bibliothèque couvre le développement d'UI mobile et la conception d'interfaces multiplateformes, utilisant une abstraction basée sur des primitives et un modèle de composants basé sur la composition pour construire des écrans mobiles soignés.
Functions as a design system for building consistent, adaptive native mobile interfaces across various device types.
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
Adjusts application layouts and styles based on screen size, device orientation, and hardware platform differences.
This project is a React Native UI library and mobile component framework designed for building consistent, themed mobile applications. It provides a collection of reusable user interface components and layout tools, functioning as a cross-platform design system to maintain visual uniformity across different mobile platforms. The toolkit distinguishes itself through a themed UI approach, utilizing global design foundations for typography, color palettes, and spacing. It allows for dynamic theme configuration and the use of style presets to ensure standardized branding across an entire project.
Provides a framework for building consistent, adaptive native mobile interfaces across various device types.
BookReader is a mobile e-book reader application designed for reading digital novels in EPUB, PDF, and TXT formats. It functions as a digital library manager for organizing, indexing, and searching collections of electronic books using titles and tags. The application features a reading interface with three-dimensional page-flip animations to simulate the feel of physical books. It also includes a wireless synchronization system for transferring digital book files between devices over a local network. The software provides tools for customizing the reading experience, including adjustable th
Provides a responsive layout that adapts digital text and images for optimal readability on mobile screens.
Nimbus est un framework d'UI iOS et un toolkit d'application fournissant une collection de composants d'interface réutilisables et d'outils de mise en page pour construire des applications mobiles natives. Il inclut une bibliothèque de composants SwiftUI et un système de design d'interface structuré pour maintenir un style cohérent sur les plateformes Apple. Le framework emploie une approche déclarative pour le formatage visuel, utilisant des styles de composants basés sur CSS pour définir les couleurs, les polices et l'espacement. Il rationalise le développement grâce à un système de construction basé sur des composants et un mapping de style déclaratif. Le toolkit couvre une gamme d'utilitaires d'interface, incluant le rendu de texte attribué, les indicateurs de badge de statut et une logique de pagination par snap pour la navigation par balayage. Il fournit également des utilitaires réseau pour le chargement d'images distantes via URL et une couche d'intégration pour la communication bidirectionnelle entre les applications installées.
Provides a structured design system for maintaining consistent styling across native mobile interfaces.
Xamarin.Forms est un framework mobile multiplateforme pour construire des interfaces utilisateur natives en utilisant une base de code partagée unique et .NET. Il fonctionne comme une bibliothèque UI pilotée par les données et une boîte à outils XAML UI, permettant aux mises en page d'applications et aux éléments visuels d'être définis à l'aide d'un langage de balisage basé sur XML. Le framework fournit des wrappers d'API natifs qui offrent un accès au matériel spécifique à l'appareil et aux fonctionnalités du système d'exploitation via C#. Il utilise un système pour rendre une base de code d'interface utilisateur unique via des contrôles natifs sur différents systèmes d'exploitation. Le projet couvre la gestion adaptative des mises en page et la navigation d'application pour définir les flux d'écrans. Il inclut des capacités pour l'accès aux fonctionnalités natives de la plateforme, la gestion du stockage de données local et la consommation de services REST pour intégrer des données cloud.
Provides layout containers that adapt visual elements to various screen sizes and orientations across mobile devices.
luci-theme-argon est une interface visuelle pour la console administrative OpenWrt qui remplace le look par défaut par un design moderne. Il fournit une interface web responsive qui ajuste automatiquement le tableau de bord administratif pour une utilisabilité sur les appareils mobiles et les écrans desktop. Le thème dispose d'un écran de connexion personnalisable qui supporte des images, vidéos et effets de transparence personnalisés. Il inclut une interface en mode sombre avec la capacité de basculer entre les schémas de couleurs clair et sombre manuellement ou automatiquement selon les préférences système. Le projet couvre une personnalisation étendue de l'interface utilisateur, incluant l'optimisation de la mise en page pour les appareils mobiles et l'intégration d'arrière-plan dynamique qui récupère des images rotatives depuis des services web externes. Il utilise des utilitaires de stylage visuel pour gérer les thèmes de couleurs et appliquer des effets de flou à la console de gestion.
Adjusts screen elements and layouts specifically to ensure readability on mobile devices.
SwiftLanguageWeather est une application mobile construite avec Swift pour iOS qui récupère et affiche des prévisions météorologiques en temps réel et les conditions actuelles. Elle fonctionne comme un client conscient de la localisation qui utilise le GPS de l'appareil pour obtenir des données météorologiques basées sur les coordonnées physiques actuelles de l'utilisateur. L'application dispose d'une interface utilisateur adaptative conçue avec des classes de taille pour maintenir une apparence cohérente à travers diverses dimensions d'écran d'iPhone et d'iPad. Le projet intègre des services API distants pour récupérer des informations météorologiques et utilise des services basés sur la localisation pour automatiser la récupération des données. Il gère l'affichage des prévisions via une mise en page qui s'ajuste dynamiquement aux différentes tailles d'appareils.
Employs design techniques that adapt the interface to various screen sizes and orientations on iOS devices.