10 dépôts
Interfaces for accessing hardware and media capabilities directly through web platform APIs.
Distinguishing note: Focuses on hardware/media access rather than general DOM manipulation.
Explore 10 awesome GitHub repositories matching web development · Browser API Integrations. Refine with filters or upvote what's useful.
SheetJS is a comprehensive library for parsing, manipulating, and generating complex spreadsheet file formats. It functions as a universal data processor that maps diverse binary, XML, and text-based file structures into a unified internal object model, allowing developers to create, read, and transform workbook data programmatically. The library distinguishes itself through a portable logic layer that provides a consistent execution environment across web browsers, server-side runtimes, and native desktop or mobile applications. By utilizing stream-based processing, it handles large files in
Integrates data processing into web applications by leveraging standard browser features like fetch and web workers.
This project is a structured educational curriculum designed to build proficiency in vanilla JavaScript through hands-on, project-based learning. It provides a series of coding exercises that focus on core language fundamentals and the direct manipulation of the document object model, enabling developers to create interactive web interfaces without relying on external frameworks or dependencies. The curriculum distinguishes itself by emphasizing direct integration with browser-native APIs. Participants learn to build hardware-aware applications by accessing device sensors, cameras, and microp
Provides direct access to hardware and media capabilities like cameras and geolocation via native browser interfaces.
This project is a comprehensive collection of modular, reactive functions designed to streamline the development of user interfaces. It serves as a toolkit for managing application state, wrapping native browser hardware and system features, and encapsulating common logic patterns into reusable units. By binding asynchronous data sources, browser events, and system properties to component state, it provides a unified framework for building interactive web and desktop applications. The library distinguishes itself through its focus on composition and lifecycle management, allowing developers t
Provides direct access to native browser hardware and system features like clipboard, sensors, and media controls for responsive application interactions.
This project is a JavaScript educational resource and frontend web development course. It provides a collection of starter files and final projects designed to teach the JavaScript programming language through practical application. The material functions as a project portfolio and implementation guide, demonstrating how to build interactive user interfaces using the document object model. It focuses on event handling, object oriented programming, and the integration of native browser features. The course covers a range of capability areas, including asynchronous data fetching, client-side a
Demonstrates how to integrate web applications with native browser capabilities to access system and hardware data.
react-responsive is a set of utility tools and hooks for evaluating CSS media queries within React components. It functions as a viewport state manager that detects screen dimensions and triggers user interface changes based on defined breakpoints. The project includes a helper for server-side rendering and automated testing that allows device properties to be overridden via context. This ensures consistent rendering when browser-native detection is unavailable. The library covers adaptive component rendering, viewport change monitoring, and responsive layout detection. It uses the native ma
Integrates the native window.matchMedia API to track media query states and update components.
Ce projet est une collection complète d'extraits de code réutilisables, de hooks personnalisés et de patterns d'implémentation pour construire des interfaces utilisateur avec React. Il sert de bibliothèque d'exemples courts conçus pour résoudre des tâches de développement courantes, allant de la gestion d'état à l'intégration DOM. La collection fournit un large éventail d'utilitaires spécialisés pour interagir avec les API du navigateur, incluant le suivi des dimensions de la fenêtre, l'évaluation des media queries et le monitoring du statut en ligne. Elle inclut également des guides pratiques et des extraits pour l'optimisation des performances, tels que la mémoïsation, le lazy loading et le debouncing de changement d'état. Les domaines de capacité étendus couvrent l'implémentation de composants UI interactifs comme les modales, les carrousels et les interfaces à onglets, ainsi que des patterns architecturaux pour la récupération de données, la persistance d'état et la vérification de mise à jour asynchrone. La bibliothèque inclut également des utilitaires pour la gestion de formulaires, la gestion d'événements et la synchronisation de routage via le suivi d'état d'URL.
Connects React components to window events, media queries, and DOM observers for responsive behavior.
Tai is a desktop activity tracker and self-hosted productivity monitor designed to record the amount of time spent on specific software applications and websites. It functions as a software usage monitor and website browsing logger to analyze digital time distribution. The system provides capabilities for digital productivity analysis, personal time tracking, and screen time management. It can also be used for employee activity monitoring to audit software engagement and workflows. The project handles monitoring and observability through time-series usage logging and local persistence storag
Integrates with browser APIs to retrieve the active URL for website tracking.
Seed is a frontend framework for building single-page applications using Rust and WebAssembly. It provides a virtual DOM rendering engine and a component-based UI library to construct modular, reusable interface elements. The framework implements a unidirectional data flow model based on the Elm architecture to ensure type-safe state management and predictable state transitions. It utilizes compile-time macros to transform declarative UI definitions into efficient instructions for the browser. The project covers a broad range of web capabilities, including application routing, content intern
Offers interfaces to access native browser hardware and media capabilities via platform APIs.
Devtool is a suite of developer tools designed to execute server-side JavaScript code within a browser environment. It functions as a bridge that allows Node.js programs to run inside a Chromium instance, enabling the use of built-in browser developer tools for visual debugging and performance profiling. The project provides a read-eval-print loop for interactive command execution with support for relative imports and piped input. It also includes a file watcher that monitors source files for changes and automatically reloads programs to accelerate the iteration cycle. The system integrates
Combines server-side modules with web standards like Canvas and WebGL for browser-specific tasks.
react-fns is a suite of declarative components and utilities designed to wrap imperative browser APIs for use in React applications. It provides a set of components and higher-order components that integrate browser environment data, device sensors, network status, and native application launchers into a reactive user interface. The library enables declarative access to hardware sensors for tracking accelerometer, gyroscope, and orientation data in real time. It also includes native app launchers that trigger the default system mail and SMS applications using pre-filled links. Additional cap
Provides declarative interfaces for accessing hardware and media capabilities directly through web platform APIs.