Open-source alternatives to Javascript Basic Projects

This repository is a gallery of reference projects used to demonstrate the development of interactive user interfaces and dynamic web pages using the React library. It provides a collection of practical application examples focused on component-based architecture and frontend development. The projects serve as demonstrations for coordinating global and local data using hooks, context, and reducers. They include samples for fetching remote data to populate dynamic lists and galleries, as well as implementations of multi-page navigation and dynamic views that do not require browser refreshes.

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

This repository contains the HTML specification, which defines the core standards for web page structuring, content organization, and document rendering. It establishes the fundamental algorithms for state-machine-based tokenization, tree construction for the document object model, and origin-based security isolation. The specification provides a framework for defining custom elements with independent lifecycles and registries. It also details the requirements for cross-document communication, session history management, and the synchronization of interface properties with content attributes.

Brython is a Python 3 runtime and interpreter that executes scripts directly in the web browser. It serves as a client-side environment that translates Python source code into executable JavaScript to handle frontend logic without requiring server round-trips. The project provides a bidirectional interoperability bridge between Python and JavaScript, allowing for the integration of external JavaScript libraries. It further functions as a tool for packaging Python scripts into standalone native mobile applications for Android devices. The runtime includes a library for programmatic manipulati

This project is a vanilla JavaScript reference guide and implementation collection designed to replace legacy libraries with native browser patterns. It provides a set of native JavaScript patterns for selecting, modifying, and navigating HTML elements, alongside a web API implementation guide for handling events and styles. The project serves as a reference for implementing asynchronous JavaScript patterns using native promises and fetch for remote data and background tasks. It also includes a client-side utility collection for performing data transformations, type validation, and element me

This project is a collection of practical code samples and demonstrations for building user interfaces with React. It serves as a set of examples illustrating common interface patterns, state management techniques, and the implementation of modular, reusable components. The repository provides specific demonstrations for several core development areas. These include samples for retrieving and rendering asynchronous data from external APIs, managing component lifecycles during mounting and unmounting, and handling internal state to sync form inputs. It also includes guides for direct document

Draggable is a JavaScript library for implementing draggable elements and sortable lists within a web browser. It provides a functional toolset for creating accessible drag and drop interfaces and a mechanism for dynamically swapping, sorting, and reordering HTML elements in real time. The library features a cross-input interaction layer that unifies mouse, touch, and force-touch events into a single stream for consistent behavior across different devices. It specifically includes tools for providing screen reader feedback and assistive technology support to ensure drag operations are accessi

Intercooler-js is a declarative AJAX framework and server-driven UI library. It functions as a hypermedia web framework that enables the creation of single-page experiences by replacing specific DOM elements with HTML fragments delivered from a server. The library distinguishes itself by using HTML attributes to map DOM elements to server endpoints, allowing for asynchronous HTTP requests and DOM updates without manual scripting. It supports a hypermedia-driven architecture where the server controls the client state through response headers and the delivery of annotated HTML fragments. The p

This project is a comprehensive reference library of runnable code samples and implementation guides for Web APIs, CSS features, and modular web components. It provides a collection of live demonstrations illustrating how to implement browser APIs and programmatic DOM manipulation. The repository includes specialized demonstrations for interacting with device hardware, such as sensors, Bluetooth, USB, and foldable screen posture detection. It also features implementation guides for modern styling capabilities, including advanced layout patterns, custom functions, and painting APIs, alongside

This project is a reference guide and collection of implementation patterns for replacing legacy libraries with native JavaScript. It provides a vanilla JavaScript reference guide, a modern web API cookbook, and a DOM manipulation cheat sheet to help migrate frontend dependencies to standard browser APIs. The project focuses on mapping library functions to native interfaces for DOM manipulation, network requests, and event handling. It includes a utility pattern library for common tasks such as string cleaning, type checking, and element styling. The covered capabilities include DOM element

This project is a comprehensive front-end development guide and roadmap designed to help engineers master the skills and professional standards required for modern web development. It serves as a technical reference for mastering HTML, CSS, and JavaScript, providing structured learning paths and a map of the professional competencies needed to transition from a beginner to a professional web engineer. The resource functions as a categorized directory and ecosystem overview of the JavaScript landscape. It catalogs industry-standard frameworks, libraries, and utilities, offering specific recomm

This project is a comprehensive JavaScript programming tutorial and language reference. It serves as a web development education resource providing instruction on modern language fundamentals, object-oriented design, and advanced asynchronous programming patterns. The resource functions as both a frontend development guide and a technical reference. It covers core language features such as closures, prototypes, promises, and typed arrays, while providing practical lessons on managing browser data and handling network requests. The content spans several key capability areas, including browser

Cash is a lightweight JavaScript library for selecting and modifying HTML elements in modern browsers. It functions as a chainable element wrapper and DOM manipulation utility, providing a minimal alternative for managing browser DOM operations. The library uses a collection-based wrapper for DOM nodes, allowing multiple modifications and style updates to be performed in a single sequence. It is designed to provide a similar API for event handling and element management while maintaining a small footprint. The project covers a wide range of DOM manipulation capabilities, including element se

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

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 is a responsive navigation JavaScript library used to create mobile-friendly menus with screen size detection and touch support. It functions as an accessible navigation menu and a client-side layout switcher that transitions between mobile and desktop views without external dependencies. The project serves as a menu animation tool that enables smooth CSS transitions and height-based animations when toggling navigation overlays. It utilizes native browser APIs to manage interface states and ensure the navigation remains functional for screen readers and users without JavaScript. The lib

The Odin Project is an open-source, full-stack web development curriculum that guides learners from basic scripting to deploying complete applications through a structured, project-based learning path. It functions as a self-directed bootcamp covering frontend, backend, databases, and job-seeking skills, with a peer-to-peer learning community where developers give and receive structured help through a forum. The platform distinguishes itself through a project-based curriculum engine that presents curated resources and assignments requiring independent problem-solving rather than step-by-step

This project is a comprehensive administrative dashboard template built on Bootstrap 5. It provides a modular library of pre-designed interface components, page layouts, and form elements intended to accelerate the construction of responsive web applications. The framework is designed to be lightweight, utilizing native browser scripting for all interactive behaviors to eliminate dependencies on heavy external libraries. The template distinguishes itself through a focus on performance and customization. It includes a task-runner-based asset pipeline that automates the compilation, minificatio

React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

jscamp is a full-stack web development and education project focused on mastering JavaScript, TypeScript, and AI integration. It provides a structured curriculum and interactive exercises covering language fundamentals, frontend engineering, and backend API development. The project distinguishes itself through the implementation of autonomous AI agents capable of complex task automation, such as modifying files, managing servers, and executing API calls. It includes advanced AI development tools for conversational querying, real-time code suggestions, and automated repository analysis to gene

This project is a web-based interface and RPC client designed to control the Transmission BitTorrent client. It serves as a browser-accessible dashboard for managing torrent downloads and uploads, allowing users to organize files and track transfer progress. The controller provides specialized tools for tracker optimization, including batch tracker replacement and health monitoring to improve peer discovery. It also enables remote file system organization, allowing users to relocate data storage directories for specific entries without deleting the underlying data. The system covers a broad

This project is a React-based video frontend designed as a YouTube clone. It provides a user interface for browsing and playing video content, recreating the layout and navigation of a professional video sharing platform. The interface is constructed using Tailwind CSS to implement a responsive web design. It focuses on the development of a video streaming layout, including the implementation of video players, sidebars, and navigation elements.

Mithril.js is a JavaScript UI framework designed for building single page applications. It functions as a virtual DOM library and a toolkit for creating dynamic user interfaces that synchronize application state with the browser display. The project integrates a client side router for mapping URLs to specific views and a built-in XHR data fetcher for sending and receiving information from servers. These components allow for navigation and content updates without requiring full page reloads. The framework covers user interface state management and asynchronous data fetching, utilizing virtual

This project is a self-hosted web interface and desktop application designed for interacting with language models. It provides a private platform for managing conversational sessions, allowing users to connect to external AI services while maintaining control over their interaction history and configuration settings. The application distinguishes itself by offering a unified interface that supports multimodal inputs and outputs, including voice interaction processing and generative image creation. It secures sensitive credentials by routing requests through a backend proxy and ensures data pr

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

At.js is a JavaScript mention autocomplete library and client-side suggestion engine used to add trigger-based dropdowns to textareas and rich text editors. It functions as a plugin for integrating dynamic autocomplete popups into third-party HTML editors and contentEditable elements. The library provides a framework for managing multiple trigger characters and custom insertion templates for user mentions and symbols. It supports the use of custom match logic and the assignment of specific trigger keys to map different characters to separate data sources. The engine covers the retrieval of s

Financial Freedom is an open-source, self-hosted personal finance platform designed for tracking budgets, managing transactions, and monitoring wealth. It provides a private alternative to commercial financial tools by allowing users to run the application on their own infrastructure, ensuring complete control over sensitive financial information. The platform distinguishes itself through automated bank data synchronization, which connects to financial institutions to fetch account balances and transaction history. It also supports financial data import, enabling users to consolidate transact