Open-source alternatives to Codetour

CodeMirror is a browser-based code editor framework and modular extension system used to embed full-featured text editors into web pages. It functions as a syntax tree parsing engine and a language server protocol client, enabling structural language analysis and deep integration with external programming language services. The project is distinguished by its modular architecture, which uses a system of extensions and compartments for dynamic reconfiguration at runtime. It supports real-time collaborative editing and state synchronization through an operational transformation framework, allow

This project is a software engineering educational resource providing a collection of canonical system implementations. It serves as a library of computer science case studies and polyglot code examples designed to demonstrate architectural tradeoffs and design patterns through concise versions of fundamental software components. The repository focuses on studying the implementation of core concepts such as consensus algorithms, interpreters, and database engines. It provides minimal versions of complex systems to facilitate the analysis of language design, data structure implementation, and

This project is a Go language extension for VS Code that provides a comprehensive development environment through a language server client, a debugging interface, and a test automation runner. It integrates language intelligence, formatting, and debugging capabilities to support the full Go language development lifecycle. The extension distinguishes itself by managing the Go toolchain, including the installation and configuration of external binaries required for language features. It also features a dedicated test automation interface that allows for the generation of unit test skeletons and

ShowcaseView is an iOS UI overlay library and user onboarding framework. It provides a customizable feature highlight component designed to visually isolate and emphasize specific buttons or sections of a mobile user interface. The library enables the creation of interactive product tours and in-app feature discovery by drawing attention to specific interface elements. It allows for the customization of highlight appearances, including colors and shapes, to match the visual theme of the application. The framework manages the user onboarding experience by highlighting UI elements and guiding

Codehike is a React-based documentation framework and interactive code walkthrough tool. It functions as a markdown content orchestrator that transforms decorated markdown into structured data and React components, serving as a visualization layer for highlighting code ranges, diffs, and compiler errors. The project is distinguished by its ability to create scrollycoding experiences and step-by-step technical tutorials. It features token-level animations that visually demonstrate how logic evolves between code versions and provides a system for syncing UI state to the browser scroll position.

Hopscotch is a JavaScript library and framework for creating interactive product tours and user onboarding guides. It serves as a tool for building step-by-step instructional walkthroughs that highlight specific page elements and display contextual tooltips to help users navigate web application interfaces. The library functions as a tooltip orchestrator that anchors instructional bubbles to HTML elements by calculating their position within the browser viewport. It supports the creation of branded tours through the use of custom stylesheets and markup templates for visual customization. The

This extension provides a collection of visual themes for the editor, allowing users to apply custom color palettes and semantic highlighting rules to the interface. It functions as a comprehensive personalization tool that modifies the workspace aesthetic through structured theme definitions and automated synchronization. Beyond standard color adjustments, the extension enables the integration of custom background wallpapers and decorative character stickers. It includes utilities for overriding default interface images and modifying status bar labels, providing granular control over the vis

This is a guided tour library and onboarding framework for React applications. It provides a system for creating interactive, step-by-step walkthroughs using element-anchored popovers and visual masking tools to highlight specific interface components. The library focuses on accessibility, providing built-in support for screen readers and keyboard navigation to ensure inclusive user onboarding. It allows for extensive customization by enabling the replacement of default interface elements, such as badges and buttons, with custom React components. The framework covers tour orchestration throu

System Design Academy is an educational platform and study guide focused on software architecture and distributed systems engineering. It provides a structured collection of technical playbooks, design patterns, and deep dives intended to assist engineers in mastering complex system design and preparing for technical interviews. The platform functions as a content management system that utilizes version-controlled markdown files to maintain and distribute engineering knowledge. By employing a static site generator, the project pre-renders all educational materials into plain HTML files to ens

Kubernetes The Hard Way is an educational curriculum designed to teach the fundamental architecture and operational requirements of container orchestration platforms. It provides a structured, hands-on learning path that guides users through the manual bootstrapping of a multi-node cluster from scratch, intentionally avoiding automated installers to ensure a deep understanding of how individual control plane and worker node components interact. The project distinguishes itself by requiring the manual configuration of every layer of the infrastructure, including the generation of cryptographic

This project is a collection of themes, layout customizers, and automated installers for Visual Studio Code designed to create a dark-mode workspace aesthetic. It provides a set of dark color palettes and syntax highlighting configurations alongside a CSS UI customizer for modifying the editor's internal interface elements. The toolkit enables a modern visual design characterized by deep dark backgrounds, floating glass-effect panels, and rounded interface geometries. It utilizes custom stylesheets to alter panel radii, gaps, and sidebar margins, while adding interactive animations such as ho

Instructions is a Swift framework designed for creating guided tours and user onboarding experiences. It manages the sequence, animations, and layouts of instructional bubbles and highlighting markers to lead users through application features. The library provides tools for interface highlighting, using dimmed background overlays and precise cutouts to draw attention to specific UI elements. It includes mechanisms for walkthrough flow control, allowing developers to manage linear progression, jump to specific steps, or implement tour skipping logic. Visual elements are customizable through

Claude Coder is an autonomous AI coding agent and development tool implemented as a VS Code extension. It functions as an LLM coding agent capable of generating code, debugging software, and implementing project designs directly within the development environment. The system acts as an autonomous software engineer that can research web content and coordinate the deployment of applications to remote environments. It integrates web research capabilities into the IDE to fetch external documentation and technical information. The tool covers a broad range of software engineering tasks, including

GuideView is an Android user onboarding library and UI masking framework used to create guided tours and feature tutorials. It provides utilities for identifying and visually isolating specific Android views by drawing semi-transparent overlays with highlighted holes to focus user attention. The library implements a system for chaining multiple instructional steps together, allowing for the sequencing of highlight pages in a specific order. It supports the attachment of custom text, images, or animations near highlighted views to provide instructional context. The framework manages visual tr

vscode-browser-preview is an editor-based web previewer and integrated debugger that embeds a live browser instance directly within the workspace. It utilizes headless browser integration to synchronize the browser state with the active code editor. The project provides an integrated web debugger that allows users to set breakpoints and inspect the state of web applications without leaving the editor interface. It also enables remote developer tools access via a network URL to analyze page elements, styles, and network activity. The system supports frontend development workflows by providing

This is a visual debugging tool for VS Code that renders program variables and data structures as graphical diagrams during active debugging sessions. It functions as a programmable framework that converts internal runtime data and debug expressions into visual representations to assist in understanding program state. The project distinguishes itself through a programmable extraction system that allows the injection of custom JavaScript scripts into the debuggee. These scripts define how project-specific data types are parsed and transformed into JSON formats compatible with the visualization

i18n-ally is a VS Code extension and internationalization management tool designed to handle translation workflows directly within the code editor. It provides a system for extracting hardcoded strings, managing translation keys, and detecting missing locale values across a codebase. The tool distinguishes itself by providing an inline translation viewer that displays values and metadata next to keys in the source code. It also includes a machine translation integrator to automatically populate empty locale files with initial candidates and a locale file parser that supports multiple formats,

This is a Visual Studio Code extension that provides framework-specific IntelliSense for Laravel projects. It acts as a project metadata provider, scanning PHP files and extracting application state to offer intelligent autocomplete for routes, views, configuration keys, and model attributes. The tool includes a specialized suggestion engine for Blade templates, providing autocomplete for directives, sections, and stacks. It supports containerized development by routing commands through virtual environments or custom paths to ensure metadata is accurately extracted from isolated project direc

This project is a VS Code extension that integrates LeetCode problem solving directly into the editor. It functions as a code submission client and competitive programming tool, allowing users to browse, solve, and submit algorithmic challenges without leaving their development environment. The extension distinguishes itself by managing local workspaces and archives, enabling the organization of problem files and descriptions in configurable local folders. It supports multi-account session management and regional endpoint routing to handle different geographic service instances. The tool cov

This repository provides curated learning paths, structured courseware, and technical materials for mastering Go programming, container orchestration, and software architecture. It serves as a comprehensive educational resource for systems programming, focusing on language mechanics, memory safety, and high-performance backend design. The project distinguishes itself through a multi-modal instructional design that combines instructor-led workshops, project-based curricula, and competency-based certifications. It offers specialized guidance on building production-grade AI infrastructure, inclu

Ayu is a collection of color themes for the VS Code editor. It provides a set of visual interface themes designed to customize the editor's background, foreground, and UI accents. The project features three distinct color schemes: light, dark, and mirage. These variants allow for adaptive switching between different lighting environments to maintain visual comfort. The theme covers syntax highlighting for code elements, interface customization for panels and titlebars, and typography overrides. It also includes a companion library of custom file icons to improve file type recognition and nav

TapTargetView is a set of UI components designed for user onboarding and feature discovery. It provides visual callouts, focus indicators, and markers that direct user attention toward specific screen elements to introduce new or hidden functionality. The system implements Material Design guidelines for its feature discovery UI, ensuring that visual highlights and interactive callouts remain consistent with standardized design specifications. It supports the creation of interactive product tours by chaining multiple interaction points into a sequential path. This is achieved through coordina

This repository serves as a centralized educational library for software architecture, providing a collection of technical guides and e-books focused on the .NET ecosystem. It functions as a resource for developers to study design patterns, cloud-native development, and microservices-based application strategies. The project distinguishes itself by maintaining a version-controlled archive of technical documentation, allowing users to retrieve historical records and previous versions of guides to support legacy system maintenance. Content is authored using markdown and processed through a stat

Onboard is an iOS onboarding framework designed for creating guided welcome screen sequences and tutorial flows. It provides a page transition engine to manage navigation and animations between sequential screens containing images, text, and action buttons. The framework includes a SwiftUI UI library with customizable layout components and styles. It features a system for animating content and managing the navigation flow, which allows for the implementation of smooth transitions and fade effects between instructional screens. The project covers background management with support for static

This is a Visual Studio Code extension that lets developers compose, send, and inspect HTTP requests directly from within the editor. It uses .http and .rest files as executable request definitions, parsing each block of text into a complete HTTP request that is dispatched via Node.js built-in HTTP modules without requiring a separate server process. The extension renders full HTTP responses with syntax-highlighted body, status line, and headers in a dedicated editor tab or side panel. The extension supports multiple authentication schemes including Basic, Digest, SSL certificates, Azure

OpenVSCode Server is an open-source project that runs the full Visual Studio Code editor as a web application served from a remote server, enabling development through any browser without local installation. It provides a browser-based IDE that combines containerized development environments, remote file system access, and server-side process management to deliver a complete remote development experience. The project supports the standard VS Code extension model, allowing plugins to add languages, debuggers, and tools without modification. It maintains real-time bidirectional communication be

vue-i18n-ally is a VS Code extension and translation manager designed to handle internationalization and localization workflows within Vue projects. It provides a set of developer-facing tools to extract, edit, and organize translation keys and values directly within the editor. The tool features an in-editor interface that displays translation values inline next to their keys and allows for direct modification of those values without switching between source code and locale files. It includes a localization quality auditor to detect missing translation keys and identifies hardcoded strings t