Open-source alternatives to React Fns

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

usehooks-ts is a comprehensive collection of reusable TypeScript-based hooks designed for managing state, DOM events, and browser API interactions within React applications. It provides a typed library of functions to handle common frontend patterns and side effects. The project distinguishes itself by offering specialized hooks for browser integration, including tools for interacting with the system clipboard, managing local and session storage persistence, and loading external scripts. It also includes utilities for responsive UI development, such as tracking media queries, window dimension

This library provides a set of React components designed to improve initial page load performance by deferring the rendering of images and other elements until they enter the browser viewport. By managing content visibility and asset delivery, it reduces unnecessary network data usage and accelerates page rendering. The project distinguishes itself through its use of the browser-native intersection observer to track element visibility, which eliminates the need for manual scroll calculations. It further optimizes performance by consolidating event listeners into a single parent component, min

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

screenfull.js is a JavaScript wrapper for the Fullscreen API that provides a unified interface for toggling, monitoring, and verifying the fullscreen state of web page elements. It functions as a cross-browser utility to manage how elements expand to fill the display. The library handles browser-specific differences by normalizing inconsistent vendor methods into a single interface. This ensures consistent behavior when implementing immersive web experiences or interactive media playback across different web browsers. The toolset covers fullscreen management, including capabilities for enter

Octokit is a JavaScript API client and REST API wrapper designed for executing authenticated requests to GitHub from browser-based environments. It serves as a programmatic interface for managing repositories, issues, pull requests, and user profiles. The library provides a high-level wrapper that organizes API functionality into resource-specific namespaces. It implements an asynchronous promise interface and includes mechanisms for pagination-aware data fetching and rate-limit tracking to prevent service interruptions. The tool covers a broad range of administrative capabilities, including

Quicklink is a JavaScript library and web performance optimization tool that fetches linked resources as they enter the browser viewport. It serves as a viewport-based resource preloader and a wrapper for the browser speculation rules API to reduce perceived page load times. The library implements background page rendering and predictive resource prefetching to enable faster navigation transitions. It manages a cache of prefetched URLs and uses browser speculation rules to render full pages in the background. The tool includes capabilities for resource filtering via regular expressions, netw

react-intersection-observer is a React implementation of the Intersection Observer API designed to track when DOM elements enter or leave the browser viewport. It provides a wrapper and a set of hooks for monitoring element visibility and triggering callbacks when content becomes visible to the user. The library includes a mechanism for DOM occlusion detection to determine if an element is covered by other components or hidden by CSS filters. It also features a polyfill wrapper that provides visibility fallbacks for browsers that do not natively support intersection observer capabilities. Th

SwiftUIX is a framework extension and component library that provides specialized layout tools and native platform bridges for SwiftUI. It functions as a declarative toolkit for building macOS and iOS applications by adding missing native components and expanded interface elements to the standard library. The project focuses on bridging declarative state to native imperative APIs, particularly for macOS desktop interfaces. It includes specialized controls for window visibility, navigation bar appearance, and system status bar integration, as well as tools for managing system activity controll

This project is a cross-framework media player and component wrapper that integrates the Video.js engine into Vue 3 and React environments. It provides a unified playback implementation that allows developers to embed a customizable video player into web applications using a declarative API. The library acts as a reactive interface, synchronizing the internal playback state and events of the media engine with the reactive state management of the host framework. This ensures consistent player behavior and logic across different frontend libraries through a shared component abstraction. It cov

react-map-gl is a React component library for embedding and controlling Mapbox GL JS interactive maps. It serves as a high-level bridge that maps the imperative methods of the Mapbox GL JS engine to a declarative component state. The project allows for the development of custom map interfaces and geospatial data visualizations. It enables the creation of location-based web applications by providing a reusable UI element for rendering vector tiles and spatial information.

Build Offline-First Apps for Web and React Native

This project is a GIS component library and a React wrapper for the Leaflet mapping library. It acts as a bridge between the imperative Leaflet API and the declarative state management of React, allowing for the creation of interactive geographic maps and spatial data visualizations. The library uses a component-based architecture to render maps with markers and layers. It synchronizes the React virtual DOM with the map's internal layer registry to maintain a consistent geographic state, mapping component lifecycles to the addition and removal of map layers. The tool provides capabilities fo

MapCN is a React component library that wraps MapLibre GL into declarative, composable building blocks for interactive maps. It provides a set of small, reusable components for rendering maps, placing markers, drawing routes, and clustering points, all managed through React hooks, context, and refs for state and lifecycle control. The library distinguishes itself by offering a complete set of map features as individual React components that automatically adapt to light and dark themes. It includes components for interactive map rendering with zero configuration, marker placement with popups a

This repository is a comprehensive collection of reference implementations and sample libraries for the Universal Windows Platform. It provides practical examples of how to use Windows Runtime APIs to build cross-device applications, including detailed guidance on XAML-based declarative user interfaces and DirectX-integrated rendering. The project distinguishes itself by providing a wide array of hardware integration suites, covering low-level communication with USB, Serial, I2C, SPI, and GPIO peripherals. It includes specialized implementations for mixed reality holographic rendering, advanc

Offline is a JavaScript library that provides an offline-first framework for web applications, centered on monitoring network connectivity and managing the application's response to connection state changes. It detects transitions between online and offline states by listening to browser events and emits custom events that allow other parts of the application to react accordingly. The library distinguishes itself by combining event-driven connectivity detection with automatic request queuing and retry. When a request fails due to lost connectivity, it is captured and queued in memory, then au

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

This is a minimal WebSocket library for Go designed for bidirectional real-time communication. It serves as a network protocol implementation for managing handshakes, frame masking, and control signals to enable the exchange of text and binary messages over persistent connections. The library distinguishes itself by providing a connectivity layer that wraps browser WebSocket APIs for applications compiled to WebAssembly. It also functions as data compression middleware, utilizing deflate compression to reduce bandwidth usage for transmitted messages. The project covers a broad range of netwo

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

Hyperapp is a functional JavaScript framework for building hypertext applications. It centers on a state management library and a virtual DOM system that creates in-memory interface representations to apply efficient updates to the browser screen via diffing. The framework avoids templates and JSX, instead utilizing function composition and dedicated tag wrappers to generate HTML structures and SVG elements. It implements a unidirectional data flow where a central state object is managed through transformation functions. The system covers declarative UI rendering and functional web interfaci

react-intl is a React internationalization framework and locale-aware formatting tool. It serves as an i18n message formatting library and part of the FormatJS ecosystem, providing components and APIs to format dates, numbers, and messages within React applications. The framework uses the native browser Internationalization API to ensure numeric and temporal data adheres to specific cultural conventions. It implements a system for translating user-facing text and interpolating variables using standardized ICU message syntax. The project covers the broader requirements of React UI localizatio

react-adaptive-hooks is a collection of React hooks and wrappers designed to interface with browser APIs for detecting hardware, media, and network capabilities. It synchronizes low-level browser device signals with the React component lifecycle to drive adaptive user interfaces. The project provides tools to monitor hardware resources, including system memory estimation and CPU logical core detection, to scale computational intensity. It includes capabilities for verifying native support for specific video and image decoding formats and monitoring network connection types and data saver pref

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

This library is a browser history API wrapper and client-side routing state manager. It provides a programmatic interface for managing the browser session history stack and synchronizing application state changes with the URL. The project functions as a JavaScript session history manager that enables custom navigation and routing control. It handles the synchronization of client-side routing state to ensure consistent back and forward movements within the browser. The system covers broader capabilities including browser session history management and general JavaScript navigation control.

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

Recompose is a suite of toolsets for implementing higher-order component composition, context extraction, render optimization, and external state integration. It provides a library of utilities to wrap components in reusable logic and behavioral layers, allowing developers to chain functional wrappers and reduce nesting within a component tree. The project focuses on the composition of functional wrappers to inject properties and behavior into components. It includes a set of helpers for extracting values from component context and passing them as direct properties, as well as tools for integ

This project is a React lazy loading component designed to improve frontend performance by deferring the rendering of child elements until they enter the browser viewport. It functions as a resource lifecycle manager and visibility trigger, preventing unnecessary mounts of off-screen components to reduce initial page load times and memory usage. The library provides configuration for visibility triggers, allowing the use of custom offsets and specific scroll containers to determine when a component loads. It includes mechanisms for managing component lifecycles, enabling the choice of whether