30 open-source projects similar to liriliri/eruda, ranked by shared indexed features. Tags may describe platforms or build tools rather than the same primary purpose. Check each project’s use case, license, and deployment requirements before treating it as a replacement.
vConsole is a diagnostic interface designed for mobile web environments, providing a visual overlay that allows developers to monitor application state and runtime errors directly on physical hardware. It functions as a mobile-specific debugging console, enabling the inspection of logs, network requests, and storage data without the need for a desktop connection. The tool utilizes a plugin-driven architecture that allows for the creation of custom extensions to address specific troubleshooting requirements. By intercepting browser console methods and wrapping network request objects, it captu
This project is a pre-configured foundation for building mobile-responsive web applications using Vue 3 and Vite. It provides a production-ready scaffold that integrates essential development tools, component libraries, and build-time optimizations to accelerate the creation of mobile interfaces. The framework distinguishes itself through automated asset and configuration management, including the automatic registration of UI components and the conversion of SVG files into reusable components. It features built-in support for responsive design by automatically transforming pixel-based CSS uni
This is a userscript that customizes search engine result pages by applying custom CSS, removing advertisements, and adding favicons for a cleaner browsing experience. It operates as a user-script injected into web pages at runtime to modify page behavior and appearance. The script strips tracking and redirection links from search results so users land directly on the target website, and it suppresses unwanted content such as Baijiahao articles. It also provides visual customization through column layout toggling between single-column, double-column, or multi-column displays, and applies cust
Saladict is a browser extension designed to provide instant word definitions and translations by aggregating multiple online dictionary sources. It functions as a multilingual translation tool that retrieves and displays comprehensive word meanings within a unified interface, allowing users to access information without navigating away from their current webpage. The extension features a contextual lookup manager that organizes dictionary sources into profiles. These profiles automatically adjust the active translation sources based on the language or length of the selected text, ensuring tha
This is a userscript extension that modifies the YouTube web interface to block advertisements, control video playback, and optimize performance. It removes video and overlay advertisements from YouTube pages to provide an uninterrupted viewing experience, and applies user-defined CSS rules to override YouTube's default styles for layout and visibility. The extension provides extensive playback controls, allowing users to set permanent playback speed, video quality, volume, and auto-pause behavior when switching tabs or leaving the page. It also offers interface customization, including the a
DoKit is a frontend development debugging toolset designed for web and mobile applications. It provides a suite of utilities for intercepting network traffic, mocking API responses, inspecting UI hierarchies, and monitoring mobile app performance. The project is distinguished by its focus on hybrid app inspection, allowing developers to execute scripts within web views and browse internal application sandboxes. It includes a visual UI audit tool with alignment rulers and color pickers to verify that interfaces match design specifications, as well as a diagnostic system that tracks CPU usage a
spy-debugger is an HTTP proxy debugging tool designed for intercepting and analyzing network traffic from mobile devices, WebViews, and mobile browsers. It functions as a network packet capture tool and a remote browser inspector, allowing users to monitor HTTP and HTTPS requests wirelessly without the need for USB cables. The project distinguishes itself by using script injection to enable remote debugging. It injects JavaScript into HTTP response bodies, providing the ability to inspect HTML and CSS elements and perform live page content editing directly on the mobile screen. Additionally,
This project is a mobile web application template and optimization kit providing a foundational project structure for building responsive websites. It functions as a responsive CSS framework and a set of utilities for managing viewport scaling, touch event responses, and user-agent feature detection. The project distinguishes itself through specialized web app manifest configurations and server performance settings. It includes systems for defining home screen icons and metadata to enable web applications to behave like native apps, alongside pre-defined directives for caching, compression, a
Pry is a programmable Ruby shell, REPL console, and runtime developer environment. It serves as a debugging toolkit for inspecting object state, navigating bindings, and evaluating code within a running Ruby program. The project differentiates itself through advanced introspection and live iteration capabilities. It allows users to inject an interactive console into a running program at specific points to inspect local state and navigate different object scopes. It further enables live code iteration by integrating with external system editors to modify and reload method definitions without r
Mobile-angular-ui is a frontend framework designed for building touch-friendly mobile web applications using AngularJS and Bootstrap styles. It provides a toolkit for creating cross-platform interfaces with native-like gestures and responsive layouts, enabling developers to transform standard desktop web interfaces into touch-friendly mobile layouts with minimal structural adaptations. The framework includes directive-driven UI components such as sidebars, overlays, switches, and navigation bars. It supports declarative state management through generic directives that bind state transformatio
lib-flexible is a responsive CSS layout library designed to create flexible web interfaces that scale proportionally across different screen sizes and device resolutions. It functions as a viewport scaling tool that manages device pixel ratios and screen widths to ensure layouts adapt to various mobile and desktop displays. The library implements a scaling framework that calculates a dynamic root font size, enabling the consistent scaling of elements through relative rem units. It includes a CSS grid generator for producing grid styles based on design specifications, including column counts,
mui is a mobile UI component framework and native-like web UI kit designed for building high-performance mobile web interfaces. It functions as a mobile web performance framework and gesture-based interface library to eliminate browser lag and mimic the behaviors and animations of native mobile applications. The framework focuses on implementing common mobile UX patterns, including pull-to-refresh functionality, swipe-to-action menus, and sliding side navigation. It provides specialized tools for gesture-driven interface development to ensure an immediate visual response to touch interactions
Mint-UI is a mobile interface toolkit and component-based UI framework designed for Vue.js applications. It provides a collection of pre-styled user interface components specifically optimized for mobile devices and touch-based navigation. The library focuses on mobile UI development and responsive design, offering a set of layout and interaction elements tailored for mobile viewport constraints to ensure visual consistency across different screens. The framework utilizes a modular architecture that integrates a CSS-based styling system with Vue's reactivity model, using prop-driven configur
A framework for building Mobile cross-platform UI
This project is a jQuery frontend plugin and UI component library designed to build mobile web interfaces. It functions as a mobile web UI framework, providing a collection of pre-made visual components and controls. The library focuses on mobile web UI development and jQuery interface design. It is used for creating consistent mobile-friendly web pages and maintaining or updating legacy mobile web projects that rely on jQuery for frontend structure and visual presentation.
DoraemonKit is a mobile frontend development toolset designed to optimize the lifecycle of web and hybrid mobile applications. It functions as a comprehensive suite of productivity tools, providing specialized utilities for mobile UI inspection, web view debugging, and on-device performance monitoring. The toolset distinguishes itself through several targeted simulation and interception capabilities. It includes a network traffic interceptor for mocking API responses without modifying source code, a device state simulator for overriding GPS coordinates, and a mobile web debugging bridge that
Acode is a code editor designed for mobile devices. It provides syntax-highlighted editing for multiple programming languages, an integrated JavaScript console for running and debugging scripts, and a built-in web preview that renders local HTML, CSS, and JavaScript projects in an embedded browser. The editor is extensible through a plugin system, which includes a dedicated JavaScript API for building custom plugins and a curated repository for community plugin installation. Plugins are auto-installed and can hook into the editor's lifecycle, UI, and file operations. Language support is confi
jQuery Mobile is a mobile web framework and cross-platform UI library designed to create consistent HTML5 user interfaces that adapt to different mobile device platforms and screen sizes. It provides a collection of customizable components and CSS styles to render a unified look and feel across various mobile operating systems. The framework functions as a CSS themeable UI kit, featuring a build process that allows for the generation of custom visual themes by modifying base style files and assets. The library covers a broad capability surface including responsive mobile interface developmen
Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.
prefixfree is a runtime CSS processor and polyfill library designed to ensure cross-browser visual consistency. It functions as a client-side script that automatically detects browser requirements and injects necessary vendor prefixes into CSS properties and values at runtime. The project utilizes a system that intercepts stylesheets and modifies style rules in browser memory. It includes a DOM mutation style monitor that observes the document tree for new elements to apply prefixing logic to dynamic content and attributes. The library provides polyfilling for modern CSS standards in legacy
jynew is a 3D RPG game engine and development framework designed for building three-dimensional role playing games. It provides a comprehensive suite of tools for scene editing, game logic scripting, and the creation of 3D environments. The project features a specialized 3D asset management pipeline for importing and aligning models and animations, including specific tools for weapon attachment and rendering. It includes a dedicated combat system editor for defining battle encounters, skill effects, and combat grids with real-time synchronization. Additionally, it provides a game modding fram
This project is a browser-based code playground and web development sandbox designed for front-end experimentation, prototyping, and educational use. It provides an interactive workspace where users can write, transpile, and execute HTML, CSS, and JavaScript snippets to receive immediate visual feedback. The environment distinguishes itself through an integrated JavaScript module bundler that resolves and loads external dependencies directly in the browser. By utilizing import maps and in-browser transpilation, the system enables the use of modern syntax and third-party libraries without requ
happy-dom is a JavaScript-based headless browser simulation and virtual DOM engine. It implements the Document Object Model and Web APIs to execute frontend code and run tests within non-browser environments such as Node.js. The project provides a programmatic interface for creating and testing custom elements and shadow DOM structures. It supports stateful page instance management to simulate multiple concurrent browsing sessions and includes a programmable clock to synchronize asynchronous operations. The system covers a broad range of browser simulation capabilities, including DOM manipul
django-debug-toolbar is a developer tool that provides a browser-based set of diagnostic panels for inspecting HTTP requests and responses within a Django web application. It serves as a server-side diagnostics tool and web framework development suite, allowing developers to profile and inspect request-response cycles. The tool focuses on Django application troubleshooting, database optimization, and general web development. It enables the analysis of SQL queries and database performance to identify slow calls and reduce the number of requests per page. The software includes capabilities for
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
dat.gui is a JavaScript GUI controller library that provides a lightweight interface for manipulating variables in real-time through a visual control panel. It functions as a real-time variable debugger and graphical overlay for monitoring and adjusting object properties during application runtime. The library features a collapsible control panel that organizes complex sets of variable inputs into folders. It includes a state management system capable of exporting and importing the current configuration of active controllers as JSON objects. The tool supports object-property binding and dyna
lazysizes is a JavaScript lazy loading library and DOM visibility observer that defers the loading of images and iframes until they enter the browser viewport. It functions as a responsive image optimizer and SEO friendly asset loader designed to reduce initial page load times while maintaining search engine visibility. The project calculates optimal image sizes and handles srcset and picture elements to deliver the most appropriate asset based on device resolution and layout. It includes a mechanism for low-quality image placeholders and applies CSS classes during the loading process to trig
Stetho is a debug bridge that connects Android applications to Chrome Developer Tools. It allows for the real-time inspection of network traffic, internal application state, and the user interface layout directly within a desktop browser. The project provides specialized inspectors for analyzing Android-specific components. This includes a network inspector for capturing HTTP requests and responses, an SQLite database browser for querying local storage, and a view hierarchy inspector for mapping UI elements and styles. Additional capabilities cover runtime execution via an embedded JavaScrip
BewlyBewly is a browser extension that customizes the Bilibili homepage, modifying its layout and appearance to deliver a personalized browsing experience without altering the core functionality of the site. It functions as a frontend customization utility, injecting custom CSS and scripts directly into the page context to override default styles and dynamically reapply changes as content loads. The extension is built as a Manifest V3 Chrome extension, using a content script injection system and a DOM mutation observer to ensure customizations persist even as the page updates. It includes a u
CSDNGreener is a set of custom tools and rules designed as a browser extension or Tampermonkey user script to filter promotional content and clean web layouts. It functions as a content filter specifically for the CSDN platform, removing advertisements and floating windows to improve page readability. The project focuses on interface optimization for CSDN, modifying the layout and user interface to improve browsing speed and usability. It achieves this by removing promotional pop-ups and distracting visual elements to create a cleaner reading environment. These capabilities are implemented t