Open-source alternatives to React Cosmos

Cypress is a browser-based testing framework designed for writing and running automated tests directly inside the browser. It serves as an end-to-end testing framework, a frontend component testing tool, and a web application test runner. The project also functions as a headless browser automation tool and a network traffic interceptor. The system differentiates itself by executing test code within the same browser process as the application, allowing for direct access to the DOM. It includes a network traffic interception system to stub and manipulate browser requests, as well as a graphical

Storybook is a development environment for building, testing, and documenting user interface components in isolation. By rendering components within a sandboxed environment, it decouples them from the host application's global state and dependencies, allowing developers to verify complex states and edge cases without running the full application. The platform utilizes a framework-agnostic bridge layer to support various frontend technologies and features a modular, addon-based architecture that allows for custom UI panels and toolbar controls. It captures component states as declarative metad

react-styleguidist is a living documentation generator and development environment for React components. It enables the creation of a shareable style guide that displays interactive component examples and property lists derived from markdown files. The tool provides an isolated workspace for building and testing user interface elements independently from a main application. This supports a design system workflow by allowing the management of reusable component libraries in a dedicated space for development and documentation. The system implements a static site generation approach to convert

React Styleguidist is a style guide generator and documentation tool for React components. It creates a living documentation site and a searchable gallery by parsing component files to display property definitions and live usage examples. The project provides an isolated development environment for building and testing components independently from a main application. It uses static analysis to extract metadata and supports a hot-reloading server to reflect changes in real time. The system includes capabilities for dynamic property injection, sandbox rendering, and customizable visual layout

Resemble.js is an image comparison framework and visual difference engine designed for automated regression testing. It functions as a library to normalize image dimensions and analyze visual discrepancies to determine if two images are identical. The system identifies pixel-level changes between images while providing capabilities for bounding-box isolation and the exclusion of specific regions. It calculates a percentage of difference by measuring the numerical distance between RGBA color channel values. The library covers visual regression testing and frontend quality assurance by compari

jest-image-snapshot is a Node.js image testing library and visual comparison engine designed for visual regression testing within Jest. It provides a custom matcher to compare current images against baseline snapshots to identify pixel differences. The tool generates image diffs that highlight specific divergences between baseline and received snapshots. It includes mechanisms to update baseline images when changes are approved and allows for sensitivity tuning via pixel count, percentage thresholds, or blur to ignore noise. The library covers image snapshot management, including custom stor

Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface. The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial

BackstopJS is an automated screenshot testing framework and visual regression testing tool designed to identify pixel-level discrepancies between different versions of a web application. It functions as a browser automation testing suite that captures visual snapshots of a user interface and compares them against stored reference images to detect unintended changes. The project utilizes a containerized testing environment via Docker to ensure consistent browser rendering and prevent cross-platform visual discrepancies. It includes a web UI diffing interface that allows users to analyze visual

This is a snapshot testing framework for Swift that records and compares reference images or data representations to detect regressions in application state. It functions as a visual regression testing tool and a data snapshotting library, converting complex types into stable formats to verify internal state and object properties. The framework utilizes a multi-format snapshot strategy, allowing values to be represented as images, strings, or data blobs. It includes a mechanism for defining custom snapshot strategies to convert specific data types into comparable formats based on custom logic

Vitest is a high-performance testing framework designed for JavaScript and TypeScript applications. It provides an integrated environment that supports unit, integration, and browser-based testing, allowing developers to execute test suites natively without requiring separate build steps or complex configuration. The project distinguishes itself through a highly optimized execution model that leverages worker-thread isolation and on-demand module transformation to provide rapid feedback. It includes a comprehensive suite of mocking and spying utilities that allow for the interception of depen

Nightmare is an Electron-based browser automation library and headless browser controller. It provides the infrastructure to programmatically navigate web pages, interact with DOM elements, and execute JavaScript within a background browser instance. The project distinguishes itself by integrating a full Chromium instance within an Electron shell, allowing for the management of browser sessions, network proxy settings, and persistent storage partitions. It enables the capture of page states as PNG screenshots, PDF documents, or HTML files. The tool covers a broad range of capabilities includ

CasperJS is a scripting utility and testing framework for automating web scenarios via headless browsers. It enables the execution of navigation steps and form inputs to automate complex user scenarios, extract web data, and validate the state of remote pages. The project provides specific tooling for PhantomJS and SlimerJS, allowing users to write programmable sequences for web navigation and data extraction. It includes capabilities for capturing visual snapshots of full pages or specific elements to perform user interface regression testing. The framework covers broad automation areas inc

Karate is a Gherkin API testing framework and JVM test orchestrator designed for API validation, workflow automation, and browser automation. It provides a unified environment for executing scriptable logic on the Java Virtual Machine with thread-safe concurrent processing. The project includes a built-in HTTP mock server to simulate backend API behavior by delivering dynamic responses to intercepted requests. It also features a visual regression testing tool that detects interface changes by comparing screenshots against baseline images using pixel-matching analysis. The system supports API

Godot is a comprehensive, node-based game engine designed for building interactive 2D and 3D applications. It provides an integrated development environment that utilizes a hierarchical scene system to organize objects, propagate spatial transformations, and manage lifecycle events. The engine functions as a cross-platform development suite, allowing developers to author, test, and export software to desktop, mobile, and web environments from a single, unified codebase. The engine distinguishes itself through a modular, component-based architecture that relies on signals-based decoupling for

In-page HTTP controller for frontend development. Intercept, modify, and simulate API responses directly in the browser.

This project provides a desktop-based interface for remote control and screen mirroring of Android devices. It functions by establishing a persistent, multiplexed communication channel over the Android Debug Bridge, allowing for the transmission of raw binary data streams between a host computer and a connected mobile device. The tool distinguishes itself by injecting a lightweight binary into the mobile runtime to access system-level APIs for direct screen buffer capture and input event injection. By translating desktop mouse and keyboard signals into native Linux kernel events, it enables r

git-it-electron is a Git learning desktop application and interactive programming education tool. It provides a cross-platform environment for practicing Git and GitHub workflows through guided challenges and command line exercises. The application functions as a workflow simulator that validates local repository states to confirm the correct execution of version control commands. It uses automated state-based completion verification to scan local directories and repository histories, ensuring specific learning steps are performed correctly before a user progresses. The software covers comma

"Remote" is a plugin for Xcode that allows you to control an iPhone from a window on your Mac during development. Originally created to avoid having to pick up a device during testing you can record "macros" of device touches and replay them. It will also compare the resulting screen output…

Payload is a headless content management system and application framework that uses a code-first approach to define data schemas and administrative interfaces. By utilizing a centralized, type-safe configuration object, it automatically generates database schemas, API endpoints, and a fully customizable admin panel. The system is built on a database-agnostic architecture, allowing it to interface with various storage engines while providing a unified, type-safe API for server-side operations, REST, and GraphQL. What distinguishes Payload is its deep extensibility and developer-centric design.

This project is a specialized test harness and mocking utility designed for unit testing React hooks in isolation. It provides a simulated component environment that executes hook logic and tracks returned values without requiring a full user interface. The library enables the verification of hook lifecycles, including mounting, updating, and unmounting phases. It features mechanisms for injecting properties to force re-renders and an asynchronous waiting system to ensure state updates are processed before assertions are run. The toolset covers state management verification, automated lifecy

Playroom is a frontend design system tool and JSX component sandbox. It functions as a UI component workbench and TypeScript-aware prototyper, allowing developers to design and test user interfaces within a live, interactive environment. The project enables visual testing by rendering the same component across multiple themes, screen sizes, and property configurations simultaneously. It provides a mechanism for interactive style guides and design system documentation, where components can be prototyped using an existing library and exported as a distributable sandbox. The workbench includes

react-from-zero is an interactive React course and learning tutorial designed to teach the core concepts and inner workings of React. It functions as a web-based sandbox and guide, providing structured lessons on building user interfaces and managing the React element lifecycle. The project provides a browser-based code execution environment, allowing users to run code samples and execute examples online without a local development setup. It includes a technical walkthrough for organizing visual logic into reusable components and a system for running unit tests to verify component behavior.

IBAnimatable is a set of visual design tools for prototyping bespoke interface elements, motion effects, and navigation transitions within a graphical environment. It provides a designer for creating and prototyping animations directly within the Apple Interface Builder environment and a system for building custom interface components through a visual attributes panel. The project distinguishes itself by offering a visual interface transition editor for configuring screen navigation and gesture-driven transitions without manual coding. It includes a prototyping sandbox for testing interaction

Huxley is a visual regression testing tool and browser automation framework designed to detect pixel-level interface changes. It functions as an automated browser screenshotter that records user interactions and replays them to verify that web interfaces remain visually consistent across updates. The system generates visual diffs by comparing current screenshots against stored baseline images to highlight specific pixels that have changed. It includes mechanisms to manage these baselines, allowing users to update reference screenshots when interface changes are intentional. The framework cov

pixelmatch is a JavaScript image comparison library and pixel-level difference detector. It identifies mismatched pixels between image data arrays and quantifies the differences based on a configurable sensitivity threshold. The tool generates visual difference maps that highlight specific pixel changes for manual review. It includes a command-line interface for comparing image files and exporting the resulting difference maps to the file system. The project provides capabilities for automated image analysis and visual regression testing, utilizing anti-aliasing heuristic filtering to ignore

Pencil is a cross-platform design environment and vector drawing application used for GUI prototyping and diagramming. It provides a canvas-based editor to create interactive user interface mockups, system architecture diagrams, and scalable visual representations of technical flows. The tool functions as a vector graphic editor that renders shapes as mathematical paths to ensure scalability across different resolutions. It includes a PDF export layout engine specifically designed to convert screen-based visual designs into fixed-layout documents for physical printing and distribution. The p

This project is an automated testing framework designed to capture and verify the visual state of Android interface components. It provides a system for generating deterministic snapshots of UI elements, allowing developers to establish baselines for layout consistency and detect unintended visual regressions across different software versions and hardware configurations. The framework distinguishes itself by enabling isolated component rendering, which allows individual views to be tested without requiring a full application build. It ensures consistency by controlling the rendering lifecycl