# tencent/kbone

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/tencent-kbone).**

4,912 stars · 455 forks · JavaScript · NOASSERTION

## Links

- GitHub: https://github.com/Tencent/kbone
- awesome-repositories: https://awesome-repositories.com/repository/tencent-kbone.md

## Description

kbone is a cross-platform frontend bridge and web-to-mini-program adapter. It functions as a mini-program web runtime that allows web-based frontend frameworks to execute within a mini-program container by simulating browser interfaces.

The project provides a native feature integration layer that enables the calling of native mini-program components and system functionalities from within a web-based execution context. It uses an adapter layer to simulate Document Object Model and Browser Object Model interfaces, allowing existing web applications to be migrated to mini-programs with minimal modifications.

The system covers cross-platform frontend development through an isomorphic runtime layer and a bridge-based integration for native components. It includes a command-line interface for project bootstrapping to automate the generation of folder structures and build configurations.

## Tags

### Web Development

- [Mini-Program Runtime Adapters](https://awesome-repositories.com/f/web-development/request-adapters/environment-runtime-adapters/mini-program-runtime-adapters.md) — Provides an adapter layer that translates standard web framework calls into the requirements of mini-program runtimes. ([source](https://github.com/tencent/kbone#readme))
- [Browser API Simulations](https://awesome-repositories.com/f/web-development/api-compatibility-layers/browser-api-simulations.md) — Implements common DOM and BOM interfaces to enable the migration of web-based code to mini-programs. ([source](https://github.com/tencent/kbone#readme))
- [Synthetic](https://awesome-repositories.com/f/web-development/dom-implementations/synthetic.md) — Implements a synthetic Document Object Model to let web frameworks run inside mini-program environments.
- [BOM Polyfills](https://awesome-repositories.com/f/web-development/html5-compatibility-polyfills/history-api-polyfills/bom-polyfills.md) — Replicates Browser Object Model globals to ensure web-based code can execute without modifying standard API calls.
- [Isomorphic](https://awesome-repositories.com/f/web-development/isomorphic.md) — Provides an isomorphic runtime layer allowing the same frontend code to operate across web and mini-program platforms.
- [Simulated Web Runtimes](https://awesome-repositories.com/f/web-development/request-adapters/environment-runtime-adapters/mini-program-runtime-adapters/simulated-web-runtimes.md) — Provides a runtime environment with DOM and BOM simulations to execute standard web code within a mini-program container.
- [Web-Native Integration Bridges](https://awesome-repositories.com/f/web-development/web-native-integration-bridges.md) — Provides a specialized communication layer that maps web function calls to native mini-program components and system APIs.
- [Web to Mini Program Migration](https://awesome-repositories.com/f/web-development/web-to-mini-program-migration.md) — Enables converting existing web applications into mini programs by simulating browser interfaces and DOM/BOM functions.

### Mobile Development

- [Mini Program Native Feature Access](https://awesome-repositories.com/f/mobile-development/mini-program-native-feature-access.md) — Provides the capability to access specific mini program native components and features while using a web-based development stack.
- [Mini Program Native Integrations](https://awesome-repositories.com/f/mobile-development/mini-program-native-integrations.md) — Allows for the calling of native mini-program components and functionality, such as sub-packaging and live players. ([source](https://github.com/tencent/kbone#readme))

### Programming Languages & Runtimes

- [Native Interoperability Layers](https://awesome-repositories.com/f/programming-languages-runtimes/native-interoperability-layers.md) — Implements a native interoperability layer for calling mini-program components and system functionalities from a web context.
- [Native UI Component Wrapping](https://awesome-repositories.com/f/programming-languages-runtimes/native-object-wrapping/native-ui-component-wrapping.md) — Wraps native mini-program UI elements inside simulated HTML tags to maintain compatibility with web frameworks.
- [WeChat Mini-Program Runtimes](https://awesome-repositories.com/f/programming-languages-runtimes/styling-languages/mini-program/wechat-mini-program-runtimes.md) — Allows web-based frontend code and frameworks to run within the WeChat mini program runtime environment.

### User Interface & Experience

- [Web to Mini Program Bridges](https://awesome-repositories.com/f/user-interface-experience/native-ui-bridges/cross-platform-ui-bridges/web-to-mini-program-bridges.md) — Acts as a cross-platform bridge for sharing a single codebase between web applications and mini-programs.
- [Cross-Platform Development](https://awesome-repositories.com/f/user-interface-experience/cross-platform-development.md) — Enables sharing a single codebase between web browsers and mini programs to ensure feature parity.

### Part of an Awesome List

- [Frontend and UI Development](https://awesome-repositories.com/f/awesome-lists/devtools/frontend-and-ui-development.md) — Adapter for running Web code in mini-program environments.