Projects sharing features with Hexo Helper Live2d

This project is a visual framework and design system for the Hexo static site generator. It provides a modular foundation for building blogs and documentation sites, utilizing a hierarchical template system to ensure consistent layout and aesthetic across all pages. The framework distinguishes itself through a configuration-driven approach that decouples site settings from core source code. Users can manage visual preferences, third-party service integrations, and modular components through external configuration files. It includes built-in support for responsive design, multi-language conten

A responsive Material Design theme for static blogs built with the Hexo framework. It functions as a comprehensive layout system that transforms markdown files into styled HTML pages, providing a specialized environment for technical documentation and personal blogging. The theme is characterized by a data-driven approach to content visualization, using radar charts for categories and word clouds for tags to represent post metadata. It further distinguishes its organization by utilizing a chronological timeline architecture for blog archives. The project covers a wide range of technical publ

This is a Material Design theme for the Hexo static site generator. It provides a pre-defined set of templates and styles to transform markdown files into a website with a user interface based on Material Design principles for consistent spacing, typography, and components. The theme implements Google's design language to provide a clean visual experience for static sites and personal blogs. It allows for the application of these styling principles without the need to write custom CSS. The project utilizes a responsive grid layout and CSS variables to synchronize color schemes across UI comp

PakePlus-iOS is a web-to-native app generator that packages any website or web application into native installers for iOS, Android, and desktop platforms. It wraps web content inside a platform‑specific WebView and provides a cross‑platform build pipeline that compiles installers without requiring a local development environment. Core capabilities include URL obfuscation to hide the source website from scraping, a JavaScript injection engine that embeds custom scripts at build time, and a configuration customizer for branding, window properties, and keyboard shortcuts. The tool differentiates

jQuery Knob is a rotatable dial UI widget for web pages that translates circular drag movements into numerical values. It is a touch-enabled input component rendered via the HTML5 canvas API, providing a graphical interface for numerical data entry through the jQuery library. The component is highly customizable, allowing for adjustments to colors, fonts, rotation constraints, and arc dimensions. It supports a variety of interaction methods, including mouse, mousewheel, keyboard, and touch events. The widget includes systems for managing input constraints such as minimum and maximum values a

node-canvas is a server-side 2D vector graphics and image processing library for Node.js. It provides a server-side implementation of the HTML5 Canvas API using the Cairo graphics library as its rendering engine to draw shapes, text, and paths. The library enables the programmatic generation of dynamic images and the creation of scalable vector graphics and PDF documents. It supports the registration of custom and system fonts for typography rendering and allows for the import of image assets via local paths, buffers, data URIs, and remote URLs. Capabilities include low-level pixel manipulat

Canvas is a headless vector graphics engine and two-dimensional graphics rendering library built on a native graphics library with zero system dependencies for server-side drawing. It provides a programmatic shape construction and manipulation library supporting bezier curves, boolean operations, and native rendering without requiring a display server. The library renders shapes, paths, text, and images onto virtual memory surfaces and off-screen drawing areas for server-side image generation, vector animation rendering, and PDF generation. It supports path boolean operations to compute comp

KineticJS is an HTML5 Canvas JavaScript framework and 2D graphics engine. It provides a system for building interactive user interfaces and 2D graphics by managing a scene graph of elements with dedicated rendering and event propagation. The framework functions as a canvas interaction library that adds event handling to canvas-based applications for desktop and mobile devices. It includes a server-side canvas renderer, allowing graphics to be drawn and rendered in a server environment.

This project is a frontend visualization library and gallery of interactive web examples. It provides a collection of implementations that demonstrate advanced visual effects through the use of stylesheets, canvas drawing surfaces, and three-dimensional graphics libraries. The collection specifically features implementations for visualizing artificial intelligence outputs and complex data patterns. It includes specialized galleries for three-dimensional scenes and spatial objects, as well as a showreel of stylistic motion effects and interface designs. The library covers a broad range of ren

canvas-nest.js is a JavaScript animation library used to generate interactive particle networks and connected-line visuals for website backdrops. It functions as a programmatic system for rendering a web of intersecting points and lines on an HTML5 Canvas element. The library creates dynamic visual effects where particles move and form connections based on proximity and user interaction. These particle systems respond to mouse movements in real time to produce interactive background rendering. The system includes configuration options to adjust visual styles, such as particle density, line c

react-konva is a declarative React canvas graphics library and 2D vector graphics framework. It serves as a rendering engine and interactive canvas toolset that allows for the drawing and management of complex 2D shapes and graphics using a React component model. The library maps reactive component trees to an underlying object-oriented graphics scene graph, enabling the synchronization of visual states with application data. It provides specialized tools for building interactive graphical interfaces, including support for multi-touch gestures, drag-and-drop functionality, and real-time trans

heatmap.js is a JavaScript data visualization library used to render data density visualizations on a web page. It functions as an HTML5 canvas heatmap library that represents the intensity of data points across a coordinate system using color gradients. The library provides tools for geospatial distribution mapping and user behavior analysis, such as mapping click patterns and interaction hotspots. It is also used to add visual intensity layers to interactive data dashboards to identify trends and anomalies.

p5.js is a JavaScript creative coding library and generative art framework. It serves as a web-based graphics engine and a high-level HTML5 Canvas wrapper designed to produce algorithmic imagery and responsive audio-visual experiences. The project provides a simplified sketching API for rendering 2D and 3D graphics directly in a web browser. It enables the creation of interactive animations, generative art, and digital experiences that respond to user input. The library covers a range of applications including interactive data visualization, browser-based multimedia art, and educational prog

RPG-JS is a TypeScript-based framework and HTML5 canvas game engine for building two-dimensional role-playing games and massively multiplayer online worlds that run directly in web browsers. It provides a modular development environment combining strict compile-time type safety across game logic and events with specialized tools for drawing interactive maps, animated sprites, and world entities. The framework supports real-time multiplayer networking by running an authoritative game server with client-side prediction and synchronization to maintain shared online worlds. Its architecture inclu

This project provides an animated Live2D character widget that can be embedded on any web page as an interactive mascot. The widget renders characters using the Cubism SDK on an HTML canvas, and can be deployed either via a content delivery network for zero-setup integration or self-hosted on a personal server for full control over asset delivery. The mascot responds to visitor actions through CSS selector-based interaction binding, displaying custom speech bubbles when users hover over or click specific page elements. Visitors can click and drag the character to reposition it anywhere on the

NexT is a responsive, elegant static blog theme for Hexo that generates HTML pages from Markdown posts. It is designed as a pre-built visual design for the Hexo framework, producing mobile-friendly layouts that adapt across devices with support for dark mode and multiple visual schemes. The theme distinguishes itself through extensive customization options, including five built-in code highlighting themes for technical blog posts and a multilingual interface supporting over 15 languages. It offers configuration flexibility by allowing theme settings to be stored either in the main Hexo config

This project is a high-performance library for rendering interactive, force-directed network visualizations within an HTML5 canvas. It provides a physics-based engine that calculates node positioning through simulated attraction and repulsion forces, enabling the representation of complex relational data structures as dynamic, navigable graphs. The library distinguishes itself through its ability to handle large-scale datasets containing thousands of nodes and links while maintaining interface responsiveness. It offers granular control over the visual representation of data, allowing for cust

WebGAL is a web-native development environment designed for the creation and publication of interactive narrative games. It provides a browser-based platform that enables users to build visual novels featuring branching dialogue and multimedia assets without requiring manual coding. The platform distinguishes itself through a visual editor that utilizes node-based logic definition to manage narrative flow and scene transitions. It includes specialized tooling for the configuration and integration of animated character models, allowing for the direct implementation of interactive character seq

Giscus is an open-source discussion widget and website commenting system that uses GitHub Discussions as its backend for storing and managing conversations. It provides an embeddable web component that connects static or dynamic websites to the GitHub API, allowing users to authenticate and write responses using a Markdown-based commenting engine. The system operates by mapping specific website page paths to unique remote discussion threads. This integration enables community engagement and social interaction on websites without the requirement of hosting a private database or backend server.

Evilcharts is a data visualization library and animated charting framework designed to render interactive data graphics. It functions as a responsive data graphics engine that transforms raw data sets into visual formats such as bars, lines, and pies. The project focuses on interactive data visualization by incorporating motion triggers and visual transitions. It provides tools for custom chart styling to align visual effects and colors with specific brand guidelines and design requirements. The engine manages responsive data dashboards through automatic layout scaling to maintain consistenc

AndroidAutoSize is a screen adaptation library for Android that automatically scales layout dimensions and view sizes across different screen resolutions. It functions as an automatic layout scaler and view dimension manager, ensuring that user interface proportions remain consistent by referencing a base design dimension. The library allows developers to define screen measurements using alternative units such as millimeters, inches, or points instead of standard density-independent pixels. It includes capabilities for custom dimension overrides, enabling the scaling process to be disabled or

lib-flexible is a responsive CSS layout library designed to create flexible web interfaces that scale proportionally across different screen sizes and device resolutions. It functions as a viewport scaling tool that manages device pixel ratios and screen widths to ensure layouts adapt to various mobile and desktop displays. The library implements a scaling framework that calculates a dynamic root font size, enabling the consistent scaling of elements through relative rem units. It includes a CSS grid generator for producing grid styles based on design specifications, including column counts,

Meme is a browser-based canvas editor designed for the creation and export of custom social media graphics. It functions as an image generation tool that allows users to arrange text and visual assets on a persistent pixel-based surface for digital distribution. The application distinguishes itself through its handling of external assets and workspace customization. It manages cross-origin resource restrictions by configuring security headers or embedding binary data directly into the document structure, ensuring that images from disparate domains can be loaded into the workspace. Users can f

Lottie is a JSON vector animation engine and cross-platform player that renders resolution-independent motion graphics. It functions as a runtime renderer that translates Adobe After Effects compositions into real-time animations using a JSON-based intermediate representation. The project distinguishes itself by enabling dynamic control over vector assets at runtime. It allows for the programmatic modification of animation properties, colors, and playback states through hierarchical key-paths and dynamic theming. This allows animations to respond to real-time application state changes and use

react-native-interactable is a gesture physics library and interaction framework for React Native. It provides an animated gesture engine and a physics-based UI toolkit designed to create complex touch-based components such as swipeable rows and draggable cards. The project distinguishes itself through the simulation of physical properties, including spring tension, surface friction, and gravitational forces. It allows for the creation of gravity wells that attract or repel views and integrates simulated springs to pull elements toward specific coordinates with adjustable damping. The framew

This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system. It provides a collection of accessible React components designed to create consistent user experiences through a standardized set of adaptive and themeable interface elements. The framework features a responsive scale system that automatically optimizes touch targets and component sizing for mobile and desktop contexts. It is built as a tree-shakable library, allowing for the import of only the specific components used to minimize the final JavaScript and CSS bundle size. The