Omi is a Web Components framework built on signal-driven reactive programming that provides a complete toolkit for building web applications with custom elements, JSX support, and built-in routing and styling capabilities.
The framework addresses the need for a lightweight, performant approach to component development by leveraging Web Components standards alongside a reactive signal system. Developers write components using JSX or function component syntax, with reactivity managed through signals that automatically track dependencies and trigger updates. The framework includes constructable stylesheets for style management, built-in routing, suspense handling, and directive support, eliminating the need to assemble these features from separate libraries.
Omi suits teams building modern web applications who want the standards-based benefits of Web Components without sacrificing the developer experience of contemporary frameworks. It works well for projects ranging from small interactive components to full applications, particularly those already invested in TypeScript or seeking a minimal runtime footprint. The framework ships with over one hundred templates and a playground environment for experimentation. The ecosystem includes TDesign Web Components for enterprise UI needs, a dedicated form library with its own playground, and icon libraries built on the framework.
The project maintains steady activity with regular commits across its monorepo structure, which houses the core framework, reactive-signal package, form library, templates, and related tooling. Development includes ongoing refinement of documentation and examples, with active maintenance of multiple interconnected packages that serve different use cases within the Omi ecosystem.
