Explore Tencent’s Open‑Source Front‑End Frameworks: wujie and Omi
This article introduces Tencent’s two open‑source front‑end frameworks—wujie, a micro‑frontend solution built on Web Components and iframes, and Omi, a cross‑framework, cross‑platform library—detailing their core concepts, key features, and where to find their source code.
wujie (无界)
wujie is a micro‑frontend framework based on Web Components + iframe, offering low cost, fast speed, native isolation, and a rich set of capabilities.
Web Components provide native component encapsulation that isolates CSS, while iframes give each sub‑application its own window, document, history, and location, ensuring strong isolation.
Features
Low cost
Main application usage cost is low
Sub‑application integration cost is low
Fast speed
Sub‑application first‑screen loads quickly
Sub‑application runtime is fast
Native isolation
CSS isolation via Web Components
JS runs inside iframe for strict isolation
Powerful capabilities
Support for sub‑application keep‑alive
Support for nested sub‑applications
Multiple application activation
Application sharing
Decentralized communication
Lifecycle hooks
Plugin system
Integration with Vite framework
Open‑source repository: https://github.com/Tencent/wujie
Omi
Omi is a front‑end framework that works across frameworks and platforms.
Features
Cross‑framework: any framework can use Omi custom elements
Provides solutions for desktop, mobile, and mini‑programs
Small size and high performance
Designed around Shadow/Light DOM
Aligns with browser evolution and API design principles
Combines Web Components with JSX/TSX
JSX/TSX offers excellent developer experience, minimal syntax noise, and Turing‑complete UI expression
Integrates advantages of React and Web Components, giving developers freedom of choice
Blends Shadow/Light DOM with Virtual DOM for accurate and fast view updates
Provides the best solution for scoped CSS via Shadow DOM
Friendly to custom elements: boolean values can be passed as '0' or 'false', complex types via ':' or Omi.$
Enhanced CSS with rpx unit based on a 750‑pixel design width
The project includes nearly 20 examples, such as a Snake game built with Omi, an Omi piano, and a static site generator using Markdown.
Open‑source repository: https://github.com/Tencent/omi
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
Programmer DD
A tinkering programmer and author of "Spring Cloud Microservices in Action"
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.