---
title: IntelliWidgets
slug: technical-docs/intelliwidgets
icon: 🧩
docTags: 
createdAt: 2026-01-09T14:07:36.173Z
---

# Overview

The IntelliProve Widgets (V3) are built using **web components**, a native web standard for creating reusable, self-contained UI elements. These widgets are essentially exposed as **custom HTML elements** that can be used directly in your markup. Widgets are **modular**, meaning each web components is in itself often times made up of other web components. IntelliProve also provide access to these subcomponents, for even more flexibility. 

::::LinkArray{contentSource="CUSTOM" customOrder="IRMh7oFlSvL6BYIOFtt8q,JcO_Ynhd0IlAcwJEpUPg8,drR9qKmQHE2i8SPjF3nNU,tvcfHv1YTD_-uxoyexK0o,VG4_m-2L-A2FaFbAeL0PL,XigHmiyPcJMGPhtezyFUH"}
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/_0R_DnpmBBLLXmaoWvG2u/T8rUWvxyJckTHXs69sQW3-20260123-085423.png"}
### [Main Widget](docId\:e52TSv_T_kBhLw0UVBTg4) 

Quickly let the user assess their overall health status with a clear, at-a-glance summary.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/XEqfuY6FQGD-3scLWLSvD-JwHG483VcXCL1veCc5bhA-20250704-084527.png"}
### [Recommendations Widget](docId\:AtIEDvbXMo2sszzuYQ2XF) 

Show personalised recommendations to your users based on real-time health data.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/_0R_DnpmBBLLXmaoWvG2u/KPcevlyRs9-V7sMX0PQqG-20251204-184215.png"}
### [To-dos Widget](docId:-gTQX-rLRAw1lXanR7zL1) 

Present users with personalized, seasonal health tasks.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/XEqfuY6FQGD-3scLWLSvD-7bTH_9uLfO1pd8aO0mT6M-20250704-084436.png"}
### [Metric Widget](docId\:JAk5ENXQuKXBhmuFcml5c) 

Display a broader interpretation based on data collected over an extended period.
:::
::::



# Features

Web components are standards-based,** reusable UI building blocks** supported by all modern browsers. They can be used across frameworks and provide strong encapsulation, helping prevent styling and behavior conflicts.

- **Custom, reusable HTML elements**
  Use the components in any framework (React, Vue, Angular) or in plain HTML.
- **Encapsulated styling with Shadow DOM**
  Component styles don’t leak out, and your application’s CSS won’t unexpectedly affect the widget.
- **Scalable foundation**
  Designed to grow over time, making it easy to introduce new components without breaking existing integrations. Each components is made up of subcomponents that can be integrated in the same way.
- **Configurable and extensible APIs**
  Configure behavior via properties and listen to events to integrate the components into your application flow.



:::hint{type="success"}
[Get started integrating IntelliWidgets →  ](docId\:ftRgwNTKfclUm0_V_Effj) 
:::




**Missing something? Want a new component? **[Contact us.
](mailto\:support@intelliprove.com)