10 مستودعات
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 هي مكتبة JavaScript ومعالج صور متجاوب يكتشف كثافة بكسل الجهاز لتقديم صور عالية الدقة. تعمل كمحمل ومدير صور عالي الدقة، حيث تستبدل سمات مصدر الصورة القياسية وعناوين URL لخلفية CSS بإصدارات عالية الكثافة بناءً على قدرات العرض العتادية لجهاز المستخدم. تدير الأداة دقة الأصول من خلال اتفاقيات أسماء الملفات التلقائية، باستخدام لاحقات محددة مسبقاً لتعيين مسارات الدقة المنخفضة إلى أصول عالية الكثافة، وجداول بحث يدوية تربط صوراً محددة بعناوين URL مخصصة. كما تتضمن القدرة على إنشاء استعلامات وسائط CSS عبر mixins المعالج المسبق لتسليم صور الخلفية الخاصة بالجهاز. تغطي المكتبة مجموعة واسعة من قدرات تحسين الصور المتجاوبة، بما في ذلك معالجة DOM الديناميكية لتبديل الصور، واكتشاف الكثافة المستند إلى النافذة، وتوسيع نطاق صور خلفية CSS.
Identifies screen properties and pixel ratios to automate the loading of resolution-optimized image assets.
mobile-detect.js هي مكتبة JavaScript لاكتشاف وكيل المستخدم (user agent). تقوم بتحليل رؤوس طلبات المتصفح لتحديد أنواع الأجهزة، وأنظمة التشغيل، وإصدارات المتصفح. تتضمن المكتبة ملف تعريف لأجهزة العميل يخصص درجات للأداء والقدرة للأجهزة المحمولة بناءً على خصائصها. كما توفر أدوات لتطبيق فئات CSS محددة على جسم المستند بناءً على الأجهزة المكتشفة لتمكين التصميم المتجاوب. يغطي المشروع إمكانيات تحليل واسعة، بما في ذلك اكتشاف الهواتف المحمولة، والأجهزة اللوحية، وأجهزة الكمبيوتر المكتبية. ويستخرج أسماء أنظمة التشغيل وأرقام الإصدارات ويتحقق من توقيعات المتصفح مقابل الأنماط المعروفة.
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.