Projects sharing features with Code Surfer

This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event

This project is a multi-purpose toolkit consisting of an AI agent knowledge base, a developer tool UI kit, a markdown presentation framework, a technical diagram renderer, and a TypeScript library bundler. It provides the infrastructure to curate documented guidelines into structured collections for automated AI outputs while offering tools for creating technical content and distributing software libraries. The markdown presentation framework allows for the creation of interactive slide decks featuring synchronized code blocks, motion transitions, and the rendering of mathematical formulas an

Slidev is a markdown-based presentation framework designed for creating interactive, web-based slide decks. It functions as a static site generator that transforms plain text files into modular UI components, allowing authors to maintain version control while building professional presentations. The engine provides a browser-based runtime that manages slide navigation, animated transitions, and the live execution of code blocks. What distinguishes Slidev is its developer-centric approach to technical presentations. It features built-in support for syntax highlighting, mathematical typesetting

Crayon Syntax Highlighter is a web-based tool designed to render source code snippets with language-specific color formatting and styling. It functions as a content management plugin that enables the insertion, configuration, and visual customization of code blocks directly within web editors. The project distinguishes itself through its ability to fetch and display source code from external URLs, local files, or direct text input. It supports complex rendering requirements, such as mixed-language parsing and the isolation of specific code segments within a single document. Users can control

react-syntax-highlighter is a React component that renders source code with language-specific syntax coloring. It wraps the Prism and Highlight.js syntax highlighting libraries, tokenizing source code using their language grammars and mapping each token to a styled React element. The component operates in two styling modes: inline style objects applied directly to each token, or CSS class names that can be themed via external stylesheets. This dual-mode approach makes the highlighter portable across environments where CSS class injection may or may not be available. The component is built aro

Code Tour is a VS Code extension that enables the creation of interactive, step-by-step guided walkthroughs of a codebase. It serves as a tool for guided code documentation, mapping descriptive explanations directly to specific file lines and directories within the editor to assist with codebase onboarding and technical knowledge transfer. The system distinguishes itself through the use of regular expression-based anchoring to maintain step stability across different versions of source code and the ability to export tours as portable files containing the necessary code context for playback wi

Effeckt.css is a hardware-accelerated CSS animation library and UI transition framework. It provides a collection of styles designed to create smooth element entrances, exits, and attention-grabbing visual effects while preventing visual stuttering during interface transitions. The library focuses on high-performance animations using GPU-accelerated properties to ensure fluid movement. It enables the simulation of application navigation by sliding page views in and out of the viewport from specified directions. The framework covers a suite of visual capabilities, including directional entran

Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects, such as fades and zooms, between web pages. It functions as a DOM navigation animator that manages the timing and sequence of page removal and insertion to provide continuous movement between screens. The system operates as a page overlay animator, utilizing a coordinate-based slide controller to move covering elements across the screen in specific directions. These overlays mask background changes during transitions to maintain visual continuity. The framework leverages hardwar

This is the companion code repository for the third edition of the book Python Machine Learning. It delivers the entire learning path as a structured collection of Jupyter notebooks that progress from classical machine learning algorithms to advanced deep learning models, with every concept demonstrated through executable code and narrative text. What distinguishes this resource is its pedagogical design. Each notebook cell encapsulates a single conceptual step, letting readers run, inspect, and modify discrete units of learning. The code provides interchangeable implementations of deep lea

monaco-react is a React component wrapper for the Monaco Editor, providing a declarative way to embed a browser-based text editor into web applications. It includes components for standard code editing with syntax highlighting and a specialized diff editor for side-by-side version comparison. The project enables the integration of syntax validation to flag errors and provides mechanisms for managing multiple files through unique model identifiers, which preserve undo history and selection states during switches. It allows for custom asset loading via CDN or local paths and provides access to

Gitlogue is a code evolution visualizer and playback engine that transforms Git commit logs into animated representations of a project's growth. It functions as a diff animation tool that simulates the evolution of a repository by replaying historical changes through timed sequences of typing and cursor movements. The tool features a playback system that allows for date filtering to slice history into specific timeframes and global speed adjustments to control the pace of the animation. It includes visual customization options for themes and uses a parsing engine to provide syntax highlightin

SourceGit is a cross-platform desktop Git GUI client and version control tool compatible with Windows, macOS, and Linux. It provides a graphical user interface for cloning, merging, and analyzing code changes, acting as a visual manager for Git repositories. The application includes an AI-powered commit generator to draft standardized commit messages and a pull request manager to initiate and manage merges across supported hosting services via web APIs. The software covers broad version control capabilities, including advanced operations such as interactive rebasing, cherry-picking, and subm

Carnac is a keyboard input monitoring tool that records keystrokes in real time and displays them via a transparent window overlay. It is designed to provide visual feedback of keyboard activity on top of all other active applications. The software captures system-level keyboard events and translates raw hardware scan codes into human-readable characters. It includes controls to toggle or pause the recording of input to prevent sensitive information from being displayed on screen. The tool is used to provide on-screen visuals for developer screencasting, live coding presentations, software t

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

diff2html is a Git diff visualization library that transforms unified diff text into structured HTML. It serves as a renderer for visualizing code changes in web browsers, providing components to inject stylized diff visualizations and collapsible file lists directly into web page elements. The library enables both side-by-side and line-by-line code comparisons. It includes a syntax highlighting diff viewer that applies language-specific color coding to source code based on file extensions or manual mappings. To maintain alignment during reviews, the project implements synchronized scrolling

Neogit is a visual Git version control client designed for managing repositories through staging, committing, pushing, and merging. It provides a suite of tools for inspecting code differences, visualizing commit history via a graphical branch tree, and automating event-based workflows. The project features a workflow automation system that triggers custom logic and notifications based on repository events, such as branch creation or pushes. It also includes utilities for generating direct deep-links to commits, pull requests, and file structures on remote version control hosting providers.

Noboilerplate is an educational presentation scripting tool and technical content authoring framework designed to streamline the creation of video scripts and slide decks. It provides a structured system for transforming raw technical notes and complex concepts into organized, clear narratives suitable for public speaking and educational media. The project functions as a markdown presentation generator that utilizes a static asset pipeline to convert plain text source files into distributable media. By employing a declarative schema and template-driven generation, it separates the raw educati

Reveal-md is a command-line tool that transforms Markdown files into interactive, web-based slide decks using the reveal.js framework. It functions as a comprehensive presentation generator, providing an integrated environment for authoring, previewing, and distributing structured slide content. The tool distinguishes itself through a robust development workflow that includes a local server with live reloading, allowing for real-time visual feedback as source files are modified. It supports advanced content customization through metadata-driven configuration, enabling users to define slide hi

This project is a bilingual Java programming guide and educational resource that provides professional Java coding standards and best practices in both English and Chinese. It serves as a software engineering study material designed to teach industry-standard patterns and guidelines through dual-language comparisons. The content is organized as a markdown technical reference, utilizing a side-by-side layout to align original English technical text with corresponding Chinese translations. This structure allows for the direct comparison of technical documentation to clarify complex software eng

Fuwari is a static site theme and markdown content framework designed for personal blog publishing. It provides a responsive visual template that renders markdown posts with a built-in dark mode and customizable colors. The project distinguishes itself through a set of markdown extensions that add rich UI elements to articles, including callout blocks, dynamic repository cards that fetch live data via API, and advanced code styling with diff support and line numbering. It also includes a full-text site search mechanism to allow visitors to locate specific information across the blog's content

Nextra is a documentation framework for Next.js that functions as an MDX static site generator. It enables the creation of structured technical documentation sites by transforming MDX files into themed static pages with built-in layout and navigation. It serves as a React-based documentation tool that allows the integration of custom React components directly into markdown content. The framework distinguishes itself through integrated full-text search and a localization system that manages multilingual content via language routing and translation selectors. It also includes an AI-powered chat

From Java To Kotlin - Your Cheat Sheet For Java To Kotlin

This project is an interactive learning resource and tutorial for implementing the Apollo GraphQL client. It provides a guided instructional experience to teach frontend data management, specifically focusing on how to connect web applications to GraphQL data sources. The platform uses a sequenced path of hands-on lessons and interactive code walkthroughs. These modules combine instructional text with executable code blocks to demonstrate real-time API behavior and the integration of GraphQL into frontend frameworks. The curriculum covers the use of declarative queries and schema-driven data

WebSlides is an open-source tool for creating HTML presentations, landing pages, and longform articles directly in the browser. It provides a full-screen slide deck system where each section element becomes an individual slide with horizontal and vertical navigation, keyboard shortcuts, touch gestures, and remote presenter support. The project distinguishes itself by offering over 40 pre-built slide components such as covers, cards, quotes, and flexible block grids that can be assembled without writing custom layout code. It includes built-in support for embedding rich media like background i

Diaphora is a binary diffing tool and similarity engine designed to compare compiled binaries and identify changed or matching code sections. It functions as a reverse engineering plugin that maps relationships between functions and detects compilation units using assembler analysis and graph theory. The project specializes in vulnerability patch analysis, allowing users to detect security fixes by comparing different versions of a binary. It synchronizes analysis metadata, such as symbol names and comments, between binaries and generates patches by comparing decompiled pseudo-code. The engi

Shepherd is an interactive product tour framework and JavaScript onboarding library used to build step-by-step instructional journeys. It serves as a web application guidance tool that presents sequences of instructional overlays to help users navigate interfaces and discover features. The library enables the creation of guided user tours, onboarding experiences, and interactive application guides. It is used to provide contextual in-app education and drive product feature adoption by leading users through specific workflows. The framework utilizes configuration-driven tour definitions and a

This project is a Go language learning guide and implementation map designed to help developers transition from Node.js to Go. It provides a series of side-by-side code comparisons that contrast identical logic implemented in both languages to illustrate syntax and runtime differences. The repository serves as a tutorial for Go concurrency, specifically comparing the use of channels and goroutines against JavaScript promises. It also includes a performance benchmarking suite to measure and compare the execution speed of Go against Node.js for the same operations. The guide covers systems pro