11 dépôts
Utility libraries for mobile-specific interactions and UI components.
Explore 11 awesome GitHub repositories matching part of an awesome list · Mobile Web Libraries. Refine with filters or upvote what's useful.
Swiper is a modular, touch-enabled library designed for building interactive content carousels and sliders for web and mobile applications. It provides a high-performance rendering engine that manages large datasets by dynamically creating and destroying elements based on their proximity to the viewport, ensuring memory efficiency and smooth operation. The library distinguishes itself through a plugin-based architecture that allows developers to include only the specific functionality required for their project, effectively minimizing bundle sizes. It features a hardware-accelerated animation
Modern touch-enabled slider with hardware-accelerated transitions.
Eruda is a mobile browser developer console that provides a web-based inspector for debugging HTML pages and viewing logs directly on mobile devices. It functions as a browser element inspector for analyzing DOM and CSS styles and an in-page JavaScript console for executing code and monitoring runtime errors on devices that lack native developer tools. The project enables mobile web debugging and on-device element inspection without requiring a connection to a desktop computer. This allows for the evaluation of web applications on actual mobile hardware and the troubleshooting of remote sites
In-browser console for debugging mobile web applications.
Fastclick is a JavaScript library and touch event optimization tool designed to remove the 300ms delay between a physical tap and a click event on mobile browsers. It functions as a lightweight DOM event handler middleware that manages touch-to-click timing to reduce input lag and improve the responsiveness of mobile web interfaces. The library provides granular control over touch latency removal, including a mechanism to exclude specific elements from this optimization. This allows certain user interface components to maintain native browser touch behavior via CSS class identifiers. The pro
Polyfill to eliminate the 300ms tap delay on mobile browsers.
This project is a web development boilerplate and starter kit providing a pre-configured foundation for creating high-performance, responsive websites. It functions as a development kit for building progressive web apps, incorporating a front-end build pipeline and responsive site templates. The kit distinguishes itself through a multi-device testing workflow that synchronizes clicks, scrolls, and form inputs across multiple browsers and devices in real-time. It also includes a dedicated setup for offline functionality using service workers and web manifests to enable native-like installation
Boilerplate workflow for building responsive multi-device websites.
interact.js est une bibliothèque d'interaction JavaScript utilisée pour implémenter le glisser-déposer, le redimensionnement et les gestes multi-touch dans les navigateurs web. Il fournit un framework d'interaction spécialisé pour les graphiques vectoriels évolutifs, permettant à ces éléments d'être déplacés et redimensionnés. La bibliothèque dispose d'un moteur de gestes multi-touch qui reconnaît des modèles complexes tels que le pincement et la rotation, et un moteur d'accrochage de coordonnées pour aligner les éléments sur des grilles ou restreindre le mouvement à l'intérieur des limites. Il inclut également un synchronisateur d'état inter-cadres pour partager les états d'interaction et les événements d'entrée à travers plusieurs fenêtres de navigateur ou cadres intégrés. Le projet couvre de larges domaines de capacités, notamment la physique du mouvement pour les calculs de vitesse basés sur l'inertie et la normalisation des entrées pour unifier les événements de souris et de toucher à travers les navigateurs. Une fonctionnalité supplémentaire inclut le suivi d'état basé sur les coordonnées et l'accrochage quantifié pour aligner les positions et les tailles sur des intervalles prédéfinis.
Library for drag, drop, and multi-touch gesture interactions.
react-dates is a set of React components for date selection, providing interfaces for picking single dates or date ranges through controlled input components and calendars. The project features built-in support for internationalization, allowing date formats and interface strings to be translated via locale settings. It also supports visual customization through theme registration and CSS overrides to match specific application styles. The component suite covers a variety of selection workflows, including calendar range selection and date range input fields.
Mobile-friendly datepicker component library for React.
Slideout is a touch-gesture UI component and navigation menu designed for mobile web applications. It provides a side panel that slides across the screen to reveal navigation options, utilizing CSS transitions to animate the movement of the viewport. The component manages the expanded or collapsed state of the navigation menu and includes logic to restrict gestures for specific interface elements to prevent interaction conflicts. It employs a system for executing custom logic triggered by menu state transitions and user drag gestures.
Lightweight navigation menu component for mobile web apps.
lozad.js is a JavaScript lazy loading library and viewport-based media loader. It serves as a dependency-free wrapper around the Intersection Observer API to defer the loading of images and iframes until they enter the browser viewport. The project functions as a responsive image loader that optimizes page speed by delivering the most appropriate image sizes and formats based on the user's screen. It includes capabilities for responsive image optimization and layout stabilization through the use of image placeholders to prevent content shifts. The library manages the full lifecycle of deferr
High-performance lazy loader using the Intersection Observer API.
SUI-Mobile is a lightweight JavaScript UI library for building mobile web interfaces. It provides a collection of touch-optimized components including navigation bars, tab bars, grids, accordion lists, buttons, forms, scrollable content areas, dialogs, preloaders, image viewers, and slide shows. The library is built as a set of independent Zepto plugins, each with its own default configuration and no cross-dependencies, which reduces code coupling. It includes a REM-based scaling system that proportionally resizes the entire page layout across different screen widths, and integrates a click-h
Create lightweight mobile web interfaces that work on older mobile devices using a UI library.
:electric_plug: Everything you need to know to create offline-first web apps.
Curated collection of resources for building offline-first web applications.
Add shiny reflections to text, backgrounds, and borders on devices that support the DeviceMotion event.
Library for adding realistic light reflections to mobile UI elements.