Open-source alternatives to Pixel Art React

LibreSprite is a digital art application for designing precise pixel characters and objects. It functions as a 2D sprite editor, palette-based image editor, and pixel art animation software. The application specializes in creating frame-based pixel art animations using onion skinning and layer management. It also includes a tiled texture creator for producing seamless repeating patterns and textures through a synchronized tiled viewport. The software covers a broader range of game asset pipeline capabilities, including the creation of static pixel art and the management of fixed color palett

PixiEditor is a multi-functional graphics suite that serves as a pixel art editor, a node-based graphics editor, and a vector graphics tool. It functions as a shader-based painting tool and 2D animation software, providing a comprehensive environment for creating raster images and frame-by-frame motion. The project is distinguished by its use of node-based workflows for building complex image transformations, visual effects, and custom digital brush designs. It utilizes a shader-based brush engine and a node graph to define personalized painting tool behaviors and procedural animations. The

This project is a browser-based Markdown composer and an embeddable JavaScript component designed to replace standard HTML text areas with a formatted editing interface. It serves as a tool for Markdown content authoring, providing a visual environment for creating and formatting text. The editor features a formatting toolbar and keyboard shortcuts for real-time Markdown parsing, along with integrated spell checking to identify errors as the user types. It includes a system for automatic draft management that saves content to local storage at configurable intervals to prevent data loss. The

This is a browser-based puzzle game and HTML5 JavaScript application where players slide and merge numbered tiles on a grid to reach a target value. The game runs entirely on the client side, using web standard technologies to handle game logic and rendering directly in the browser. The application is a mobile-compatible web app that translates touch-swipe gestures and keyboard inputs into directional commands. It includes a local storage score tracker to save and maintain a record of high scores across different sessions.

Vditor is a browser-based Markdown editor and rendering engine that supports multiple editing interfaces, including a visual rich-text experience, instant rendering, and a traditional side-by-side split-view preview. It serves as an authoring tool for technical documentation and a component for web-based editor integration. The project is distinguished by its support for complex technical content, utilizing specialized rendering for mathematical formulas, flowcharts, sequence diagrams, and mind maps. It also functions as a collaborative document review tool, enabling users to attach anchored

re-frame is a functional framework for building single-page applications in ClojureScript. It provides a centralized, immutable database that serves as the single source of truth for the entire application state, enforcing a strict unidirectional data flow where events trigger state transitions and subsequent view updates. The framework distinguishes itself through a reactive signal graph and an interceptor-based middleware pipeline. By treating application logic as a sequence of data-driven events and declarative side effects, it decouples business logic from the view layer. This architectur

This project is a Chinese localization repository and technical translation project designed to make concise programming projects and technical documentation accessible to Chinese speakers. It provides a collection of translated resources and curated mappings of computer science terminology to ensure consistent translation of technical concepts. The project implements a software localization workflow that converts English-language technical guides and codebase documentation into Chinese. This process utilizes a technical glossary resource and a resource-driven localization model to maintain t

Satellizer is an authentication library for AngularJS applications designed to manage user sign-in and session persistence using security tokens. It functions as a client-side implementation for exchanging credentials for tokens and attaching authorization headers to network requests. The library handles identity integration through a token manager that supports both email-based authentication and external OAuth providers. It enables the authorization of users via third-party services using secure popup windows and allows for linking or unlinking external accounts to a user profile. The proj

This project is a collection of official plugin packages and a native integration library designed to provide a consistent interface for accessing hardware and software functionality across different mobile and desktop platforms. It serves as a native platform bridge, enabling cross-platform applications to invoke native code and manage operating system dependencies. The project utilizes a federated plugin architecture, splitting plugins into common interfaces and separate platform implementations to allow for independent development and extension. It further supports native integration throu

Dexie.js is a wrapper library for IndexedDB that provides a simplified interface for managing and querying structured data within the browser. It functions as a browser database manager used to maintain persistent application state and store binary blobs and records. The project serves as an offline-first data store that synchronizes browser data with remote servers to maintain consistency across sessions. It also acts as a reactive database store by monitoring data changes in real time to trigger automatic user interface updates, and functions as a client-side search engine for indexing and

Use-persisted-state is a React hook library that persists component state in browser storage and synchronizes updates across multiple tabs and windows. It extends standard component state management by automatically saving values to browser storage providers on every state update, ensuring user data survives page reloads and browser sessions. The library supports cross-component state sharing by linking multiple distinct component instances to a single storage key so they share and update identical data. It provides factory-generated hook instances that create isolated state functions bound t

This project provides a React hook for synchronizing component state with browser storage, ensuring data persists across page reloads and browser sessions. It is designed to manage persistent application state while providing hydration-safe initialization to prevent mismatches during the transition from server-side rendering to client-side execution. The library distinguishes itself by including a fallback manager that detects when browser storage is inaccessible, automatically switching to an in-memory state to maintain application continuity. It also supports cross-tab synchronization by li

Remotion is a programmatic video toolkit that enables the creation of video assets using web technologies. It functions as a React-based framework, allowing developers to build motion graphics and video sequences by defining visual elements as modular, reusable components. The framework distinguishes itself by utilizing a frame-based execution model that ensures deterministic, frame-accurate output for all rendered content. By employing declarative animation interpolation and prop-driven configuration, it allows for the precise mapping of time-based progress to visual properties, replacing tr

N-Tab is a browser extension designed to manage browser tab lifecycles by consolidating open web pages into organized, virtual sessions. It functions as a session management tool that allows users to group tabs into custom folders, recover recently closed pages, and reduce system memory usage by offloading active tabs into a centralized interface. The extension distinguishes itself through its support for cross-device synchronization, enabling users to back up and share saved tab configurations across multiple browser instances via remote cloud storage. It also provides a declarative command

Whitebophir is a collaborative whiteboarding application designed for real-time visual collaboration. It enables multiple users to brainstorm and create content together on a shared virtual canvas using freehand sketching, geometric shapes, and text labels. The platform focuses on private workspace management, allowing the creation of restricted boards via unique URLs and token-based access control to manage editing permissions. It integrates real-time state synchronization for drawing updates and a built-in chat system for text communication between collaborators. The workspace includes too

Simple Tab Groups is a browser extension designed to manage, organize, and persist collections of open tabs. It functions as a session manager that allows users to categorize web pages into named groups, enabling them to switch between different browsing contexts by hiding or restoring sets of tabs. The tool ensures workspace continuity by automatically saving tab group states and session metadata to local storage, allowing for recovery after browser restarts. The extension distinguishes itself through integrated support for browser-level identity containers, allowing users to associate speci

This project is a collection of reusable React hooks designed to wrap browser APIs, manage state persistence, and handle DOM observation. It provides a consistent interface for integrating native browser capabilities directly into the React component lifecycle. The library includes specialized toolkits for monitoring the browser environment, such as window resizing, network connectivity, and viewport visibility. It also provides mechanisms for managing execution timing through debouncing, throttling, and the control of timeouts and intervals. Additional capabilities cover state management wi

Easy-peasy is a React state management library and typed framework that provides a centralized store for managing global application state. It functions as an immutable state store and an async state orchestrator, ensuring end-to-end type safety for state definitions, actions, and derived values. The library distinguishes itself by converting direct mutation syntax into immutable updates to simplify the management of nested data. It includes a mechanism for persisting the state tree to storage and rehydrating it during the application boot process, with the ability to suspend the user interfa

This project is a reference library and collection of practical code samples for building browser extensions using WebExtensions APIs. It provides implementation guides and functional examples for core extension components, including content scripts, background processes, and browser action popups. The repository focuses on demonstrating specific implementation patterns for browser UI customization and web page manipulation. It includes samples for creating sidebars, context menus, and options pages, as well as techniques for injecting scripts and styles to alter DOM elements and page appeara

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

swww is an animated wallpaper engine and daemon for Wayland compositors. It functions as a shared-memory wallpaper manager that renders image frames and transitions to create moving desktop backgrounds. The project enables dynamic wallpaper management across multiple monitors in real time, allowing users to update backgrounds or set solid colors without restarting the background process. It supports automated background rotation and smooth visual transitions, such as wipes and fades, when switching between images.

Authenticator is a multi-factor authentication manager and browser extension designed to generate and store two-step verification codes directly within a web browser. It functions as an encrypted secret store that produces both time-based and counter-based security codes to protect online account access. The project distinguishes itself through cross-browser synchronization, replicating authentication accounts across different browser instances using cloud or local backups. It utilizes password-based encryption to protect authentication seeds and provides a synchronization tool to maintain co

This project is a comprehensive collection of web development exercises and application concepts designed to help developers practice and improve their technical proficiency. It serves as a curated resource for building diverse software projects, ranging from simple utility tools to complex, interactive web applications that demonstrate core programming and interface design skills. The repository distinguishes itself by providing a wide array of practical implementation challenges that cover the full spectrum of frontend and full-stack development. Users can engage with tasks that require man

Reader is a digital content reader and browser-based document viewer. It functions as a digital library manager and content aggregator that collects articles and documents from various online sources into a single interface. The project utilizes a JSON-driven approach to organize and display hierarchies of digital documents. It incorporates a REST-based aggregation model to fetch reading materials and metadata from remote servers for a unified viewing experience. The application provides client-side rendering for digital texts and manages personal collections through a digital library system

This project is a CSS art gallery and front end design experiment consisting of character portraits rendered entirely with HTML and CSS. It functions as a collection of pure CSS illustrations and vector art, creating detailed digital drawings without the use of external image files, SVG, or Canvas. The project employs a variety of technical methods to achieve these visuals, including box-shadow pixel art to simulate individual pixels and layered HTML elements with absolute positioning to construct vector-style graphics. It utilizes a nested component hierarchy and a relative coordinate system

Cropper is a JavaScript image cropping library and HTML5 canvas image editor. It serves as a web-based image manipulation tool that allows users to visually select and trim specific areas of an image directly within a browser. The library provides a visual interface for defining precise crop areas with configurable aspect ratios and zoom controls. It includes tools to rotate, scale, and zoom images to align subjects before exporting the final result. The tool handles browser-based image processing by generating a canvas element from a selected image area for use or download. It manages crop

js-cookie is a lightweight JavaScript library and browser storage interface used to create, read, and delete cookies. It provides a programmatic API for managing client-side data persistence and maintaining browser state across page refreshes. The library includes capabilities for custom cookie encoding and the use of custom value converters to handle specific character formats. It also features a global attribute configuration system that allows default expiration, security, and scope rules to be applied automatically to all cookie operations. The tool covers general cookie management inclu