Open-source alternatives to Stimulus

AmplitudeJS is a JavaScript library and framework for building custom HTML5 audio players. It serves as a client-side playlist manager and media controller that bridges the gap between HTML elements and the Web Audio API, allowing developers to create branded media interfaces without relying on default browser styles. The project is distinguished by its use of CSS-class-based DOM binding and data-attribute state mapping, which links HTML elements directly to playback controls and track metadata. It includes a dedicated visualization system that uses the Web Audio API to render real-time SVG w

Cash is a lightweight DOM manipulation library and HTML element wrapper designed as an alternative to jQuery for selecting and modifying elements in modern browsers. It functions as a modular DOM framework and JavaScript utility library, providing a system to wrap DOM nodes into actionable collections for batch processing. The project is built with a modular design that supports tree-shaking, allowing build tools to exclude unused methods to minimize the final bundle size. It provides mechanisms for extending the core functionality and collection prototypes to implement reusable plugins and c

This project provides educational course materials and reference code for learning frontend web development. It serves as a tutorial and collection of examples demonstrating how to build responsive user interfaces using HTML, CSS, and JavaScript. The repository contains practical implementations and references for responsive web design, specifically focusing on fluid grids and media queries to adapt layouts across different screen sizes. It includes client-side scripting samples that illustrate how to add interactive behavior and dynamic functionality to web pages. The material covers a broa

Delegated-events is a JavaScript library designed for managing DOM interactions and component communication through centralized event handling. It provides utilities to implement event delegation, allowing developers to register a single listener on a parent element that triggers only when events originate from child elements matching specific CSS selectors. The library distinguishes itself by integrating type-safe payload validation, which ensures that data exchanged between application components adheres to predefined structures. By consolidating multiple potential handlers into a single sh

This repository is a collection of JavaScript coding challenges and a comprehensive interview guide. It provides reference implementations and educational examples designed to help developers master language fundamentals and prepare for technical interviews. The project covers a wide array of specialized implementations, including functional programming patterns like currying and partial application, as well as asynchronous patterns for concurrency control. It also includes practical examples of Document Object Model manipulation and the implementation of common data structures such as stacks

Vugu is a Go WebAssembly UI library and framework used to build type-safe, component-based single-page applications. It functions as a single-file component framework that bundles markup, styles, and logic into modular units, utilizing a virtual DOM engine to synchronize state changes with the browser output. The project features a Go component generator that converts custom UI templates into executable Go source code at compile time. It distinguishes itself through a WebAssembly-based runtime that executes application logic as a compiled binary in the browser and a server-side rendering tool

Mixitup is a dependency-free DOM element animation library and grid layout engine. It serves as a client-side content filter and data-driven UI controller designed to manage the smooth visual transition of HTML elements during insertion, removal, and sorting operations. The system specializes in creating interactive gallery interfaces and dynamic content filtering. It allows for the reorganization of elements using custom attributes or random sequences, while synchronizing the arrangement and visibility of interface elements with an underlying data model. Beyond filtering and sorting, the li

This project is a declarative framework for building reactive user interfaces by embedding logic directly into HTML markup. It functions as a lightweight state container that tracks data changes and automatically synchronizes the document object model with the underlying application state. By utilizing proxy-based observation, it ensures that interface updates occur precisely when reactive properties are modified. The framework distinguishes itself by allowing developers to define interactive behavior through custom attributes rather than external scripts. This approach enables the compositio

React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

Petite-vue is a lightweight, client-side reactive UI library and templating engine designed for progressive enhancement. It serves as a minimal state management tool that binds reactive data to DOM elements, allowing user interfaces to update automatically when state changes without requiring a full build step. The framework specifically focuses on adding interactivity to server-rendered HTML. It allows for the creation of isolated reactive regions and embedded widgets on a single page, using custom delimiters to prevent syntax conflicts with server-side template engines. The system covers r

This project is a technical interview study guide and a markdown-driven static site designed to help developers prepare for coding screenings. It serves as a curated collection of common technical questions and expert answers, functioning as a comprehensive educational resource. The platform provides a structured curriculum and reference materials across several key domains. This includes a JavaScript language reference covering programming fundamentals, a frontend engineering curriculum focused on UI patterns and responsive design, and a web security knowledge base detailing attack vectors a

Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

HTMX is a hypermedia-driven frontend library that enables the creation of dynamic, asynchronous web applications by extending standard HTML attributes. It functions as a declarative engine that intercepts browser events to trigger network requests, allowing developers to update specific regions of the document with server-rendered HTML fragments. By shifting the logic of UI composition to the server, it minimizes the need for complex client-side state management and imperative JavaScript. The library distinguishes itself through a progressive enhancement workflow that ensures web interfaces r

Virtual-dom is a rendering engine and library designed for building declarative user interfaces. It functions by maintaining a lightweight tree representation of the document structure, which serves as a blueprint for synchronizing the application state with the browser display. The library performs virtual DOM reconciliation by comparing two tree structures to calculate the minimal set of modifications required to update the interface. Once these differences are identified, it applies patches directly to the live document object model to ensure the screen reflects the latest state with minim

This project is a curated reference guide and cheatsheet for modern JavaScript development. It provides a collection of syntax and patterns covering ECMAScript standards, specifically focusing on contemporary language features from ES6 and later. The resource offers specialized guides on asynchronous JavaScript, functional programming patterns, and object-oriented design. It details the use of promises and async/await syntax for non-blocking operations, as well as the application of map, filter, and reduce for data transformation. The guide covers a broad range of language fundamentals, incl

「React技术揭秘」 一本自顶向下的React源码分析书

Mint is a front-end programming language and compiled web framework designed for building interactive user interfaces. It functions as a transpiler that converts a specialized domain-specific language into standard JavaScript and CSS for execution in a web browser. The toolchain enables type-safe UI development by utilizing static type analysis to validate data structures during the build phase. It organizes web interface logic into a component-based architecture, where encapsulated units synchronize internal state with the rendered view. The system covers a full compiled web toolchain, incl

Autotrack is a JavaScript library for Google Analytics that automatically captures user interactions and page engagement. It provides a system for declarative analytics implementation, allowing web events to be tracked via HTML attributes to avoid writing custom JavaScript for every interaction. The project includes an analytics bundle generator to create minimized JavaScript files containing only the specific tracking plugins required for a project. It also functions as a single page application tracker that monitors changes to the browser history to record virtual pageviews. The library co

MPX is a cross-platform framework designed to build applications for multiple mini-program ecosystems and the web from a single codebase. It utilizes a static transpilation pipeline to transform source code into platform-specific bundles, employing a single-file component system that encapsulates templates, logic, and styles. The framework provides a reactive state management system that automatically synchronizes application data with the user interface through computed properties and watchers. The project distinguishes itself through a robust build-time toolchain that supports sub-package p

Zepto is a minimalist JavaScript toolkit providing an API for DOM manipulation, event handling, and asynchronous HTTP requests. It functions as a jQuery-compatible library, allowing developers to select, modify, and animate HTML elements using a concise and chainable syntax. The library includes an asynchronous HTTP client for exchanging data with remote servers without triggering page reloads and a browser-based event handler that supports standard mouse events and mobile touch gestures. Its capability surface covers CSS selector-based querying, element transition animations, and the serial

Wren is a bytecode-compiled, class-based scripting language designed as an embeddable programming language. It provides a lightweight runtime and interface for executing dynamic scripts directly within host software applications. The engine utilizes a single-pass compiler to transform source code into compact bytecode and a virtual machine to process those instructions. It supports concurrent task execution through a system of lightweight fibers and coroutines. The language implements a class-based object model with dynamic message dispatch for organizing code into reusable components. It al

This project is a custom implementation of the Model-View-ViewModel pattern designed to replicate the core reactivity and template parsing of the Vue framework. It functions as a data-binding engine, a reactive state manager, and a custom template compiler. The framework employs a system for synchronizing model state with DOM elements through property interception and an observer pattern. It uses a parser to scan DOM elements for directives, replacing placeholders and binding data to view nodes to achieve two-way data synchronization. The system covers reactive data binding and the developme

Cycle.js is a functional reactive web framework and observable-driven UI library used for building web applications. It employs a reactive stream architecture that treats the document object model and side effects as continuous data streams, coordinating state and logic through a functional cycle. The framework distinguishes itself by isolating side effects from core logic using a system of drivers. This architecture maps external events to internal commands through a symmetric input-output pipeline, ensuring that the application remains a cycle of pure functions. The project provides capabi

This project is a minimal reproduction of the Vue 3 core logic, designed for studying the framework's internal source code. It implements a reactive state engine, a template compiler, a virtual DOM renderer, and a component lifecycle manager. The implementation uses proxies and effect schedulers to track data dependencies and trigger automatic interface updates. It features a template compiler that parses interpolation and text nodes to convert template syntax into renderable structures, alongside a virtual DOM system that transforms component definitions into a tree of elements. The system

Frontend-Interview-Questions is an educational knowledge base and study guide designed for technical interview preparation, software engineering job roles, and core web development concept review. It provides structured resources covering frontend topics, language fundamentals, and browser mechanics. The repository explores fundamental concepts including JavaScript runtime behavior, asynchronous execution, lexical scoping, closures, hoisting, and variable declaration comparisons. It also examines architectural topics such as browser rendering pipelines, document object model manipulation, net

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 project is a comprehensive instructional resource and tutorial guide for learning React and the broader frontend engineering ecosystem. It serves as a structured course covering the fundamentals of building user interfaces through component-based architecture. The project provides specialized guides on coordinating application data via Redux state management, integrating and mutating data using GraphQL and Relay, and building native mobile applications using a single codebase. It also includes a dedicated tutorial for verifying component behavior through unit testing, shallow rendering,