10 dépôts
Tools for identifying screen properties and device characteristics to enable responsive layout adjustments.
Distinguishing note: Focuses on runtime device identification for UI logic, distinct from general browser or network detection.
Explore 10 awesome GitHub repositories matching user interface & experience · Device Detection Utilities. Refine with filters or upvote what's useful.
This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
The library identifies screen information to apply conditional layout logic based on the specific device being used by the visitor.
AndroidUtilCode is an Android utility library and system API wrapper designed to reduce development boilerplate. It provides a collection of helper classes for common tasks including system settings management, file I/O, and hardware access. The project distinguishes itself through a comprehensive toolset for device management and UI assistance. It includes specialized capabilities for monitoring battery status, managing system volume and brightness, and implementing UI helpers to prevent duplicate click events. It also provides a dedicated system for coordinate conversion between different m
Detects if developer options are enabled to control debugging behaviors within the application.
Framework7 is a mobile user interface framework and single-page application system designed to build responsive web applications with native iOS and Android appearances. It provides a comprehensive library of pre-styled components and a layout engine to create native-style user interfaces across multiple platforms. The framework utilizes a platform-aware theming system that adapts visual styles and color schemes based on detected device settings. It incorporates native mobile behaviors through a dedicated UI kit, including specialized interaction patterns such as pull-to-refresh and swipeable
Detects device environment and screen properties to manage safe-area insets and responsive layouts.
GetX is a comprehensive state management framework for Flutter that provides a toolkit for managing application state, dependency injection, and routing without requiring build context. It serves as a core architectural system for reactive state management, navigation, service location, and multi-language theme support. The project is distinguished by its ability to handle context-free navigation and the use of observable variables that automatically trigger user interface updates. It features a dependency injection container with lazy loading and automated memory management, alongside a rout
Identifies platform types and screen dimensions to differentiate between phones and tablets for responsive design.
This project is a comprehensive sample library and implementation guide for ASP.NET Core. It provides a collection of practical examples and projects that demonstrate how to build web applications, RESTful APIs, and high-performance services. The repository focuses on a variety of architectural patterns, including the development of Minimal APIs, contract-first gRPC services, and real-time communication using WebSockets and Server-Sent Events. It includes detailed implementations for user identity and security, such as token-based authentication and CSRF protection. The codebase covers a bro
Includes utilities to identify whether a request originates from a desktop or mobile device.
react-responsive is a media query library for React used to implement responsive design by conditionally rendering components based on viewport dimensions. It provides hooks and utilities for viewport detection and monitoring screen characteristics and orientation changes. The library includes a server-side rendering mock and device simulation capabilities. These allow for the manual override of device settings via properties or context to ensure consistent rendering during server-side operations and to facilitate automated UI testing. The project covers device characteristic detection and v
Offers utilities for monitoring screen dimensions and orientation changes to trigger device-specific logic.
This project is a cross-platform mobile device information library designed to retrieve hardware, software, and network specifications from iOS and Android devices. It serves as a tool for accessing unique device identifiers, hardware models, and processor architectures to distinguish individual mobile devices. The library provides specialized capabilities for mobile hardware identification and operating system metadata retrieval, including build numbers and API levels. It also functions as a system state monitor for real-time tracking of battery levels, charging status, and network connectiv
Detects system-level configuration flags such as airplane mode, location services, and screen brightness.
Retinajs est une bibliothèque JavaScript et un gestionnaire d'images réactives qui détecte la densité de pixels de l'appareil pour servir des images haute résolution. Il fonctionne comme un chargeur et gestionnaire d'images haute résolution, remplaçant les attributs de source d'image standard et les URL d'arrière-plan CSS par des versions haute densité basées sur les capacités d'affichage matériel de l'appareil de l'utilisateur. L'outil gère la résolution des actifs à la fois par des conventions de nom de fichier automatiques, utilisant des suffixes prédéfinis pour mapper les chemins basse résolution aux actifs haute densité, et par des tables de recherche manuelles qui associent des images spécifiques à des URL personnalisées. Il inclut également la capacité de générer des media queries CSS via des mixins de préprocesseur pour la livraison d'images d'arrière-plan spécifiques à l'appareil. La bibliothèque couvre un large éventail de capacités d'optimisation d'images réactives, y compris la manipulation dynamique du DOM pour le remplacement d'images, la détection de densité basée sur la fenêtre et la mise à l'échelle des images d'arrière-plan CSS.
Identifies screen properties and pixel ratios to automate the loading of resolution-optimized image assets.
mobile-detect.js est une bibliothèque JavaScript pour la détection de l'agent utilisateur (user agent). Elle analyse les en-têtes de requête du navigateur pour identifier les types de matériel, les systèmes d'exploitation et les versions de navigateur. La bibliothèque inclut un profileur de matériel client qui attribue des notes de performance et de capacité aux appareils mobiles en fonction de leurs caractéristiques. Elle fournit également des outils pour appliquer des classes CSS spécifiques au corps du document en fonction du matériel détecté afin d'activer un style réactif. Le projet couvre de larges capacités d'analyse, y compris la détection des téléphones mobiles, des tablettes et des ordinateurs de bureau. Il extrait les noms et numéros de version des systèmes d'exploitation et valide les signatures de navigateur par rapport à des modèles connus.
Checks user agent strings against device names or keyword lists to confirm a hardware match.
current-device is a JavaScript device detection library used to identify operating systems, device categories, and screen orientations within a web browser environment. It serves as a browser environment detector and client-side mapper that translates browser metadata and user-agent strings into predefined device labels and hardware categories. The library provides tools for executing specific JavaScript logic based on the detected mobile or desktop platform. It also functions as a conditional styling tool and document body class injector, applying descriptive HTML classes to enable device-sp
Adds descriptive CSS classes to HTML elements based on the user's operating system, device type, and screen orientation.