| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 348 |
| Technical Name |
odoo_react_bridge |
| License | OPL-1 |
| Website | https://shachain.dev |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 348 |
| Technical Name |
odoo_react_bridge |
| License | OPL-1 |
| Website | https://shachain.dev |
React + Mantine for Odoo
Build modern React + Mantine UI inside Odoo without modifying the core — required by all odoo-react addons.
What it does
Odoo React Bridge wraps React 19 + Mantine 8 components as Web Components and registers them with Odoo's OWL templating system. A BridgeAdapter layer normalizes Odoo internals (RPC, router, services, user) into 24 standardized React hooks — addons consume the hooks instead of reaching into Odoo internals directly, so cross-version adaptation is centralized in one place.
Odoo React Bridge Features
Web Components · 24 hooks · 22 palettes · 12,000+ tests — one foundation shared by every odoo-react addon.
React 19 + Mantine 8 Web Component Bridge
React 19 components rendered as custom elements
(<sc-your-component />) and registered with
Odoo's OWL templating — addons declare a tag name,
the bridge handles mounting, data bridging, and theme
injection. Mantine v8 powers ~150 production-ready UI
primitives.
24 React Hooks for Odoo Integration
18 environment hooks (useBridge,
useOdooRpc, useOdooUser,
useOdooMenu, useOdooCompany,
useOdooRouter, useOdooNotification,
useOdooDialog, useOdooHotkey,
useHasGroup, useOdooSearchParams, ...)
+ 4 data hooks (useOdooQuery,
useOdooMutation, useOdooFieldLabels,
useOdooModule) + 2 i18n hooks
(useTranslation, useSyncOdooLocale).
22 Shadcn Color Palettes + Vite HMR
Theme system maps 22 shadcn color palettes (zinc, slate, gray, neutral, stone, red, rose, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink) through Mantine's theme system. Vite-based dev server with HMR for fast iteration.
BridgeAdapter Cross-Version + TanStack Query v5
A BridgeAdapter layer normalizes Odoo internals into a
stable contract — architecturally cross-version, with
version-specific normalizers in src/adapter/.
TanStack Query v5 integration provides
cache-coherent server state management with optimistic
mutations, query invalidation, and background refetching.
12,000+ automated test cases across 1,500+ test files
(strict TypeScript).
Built on
Powered by React 19, Mantine 8, TanStack Query v5, the SystemJS module loader, and Vite — running natively on Odoo.
Try Odoo React Bridge today
React 19 + Mantine 8 · 24 hooks · 22 palettes · cross-version adapter
Odoo Proprietary License v1.0 This software and associated files (the "Software") may only be used (executed, modified, executed after modifications) if you have purchased a valid license from the authors, typically via Odoo Apps, or if you have received a written agreement from the authors of the Software (see the COPYRIGHT file). You may develop Odoo modules that use the Software as a library (typically by depending on it, importing it and using its resources), but without copying any source code or material from the Software. You may distribute those modules under the license of your choice, provided that this license is compatible with the terms of the Odoo Proprietary License (For example: LGPL, MIT, or proprietary licenses similar to this one). It is forbidden to publish, distribute, sublicense, or sell copies of the Software or modified copies of the Software. The above copyright notice and this permission notice must be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Please log in to comment on this module