> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/wirebootstrap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wirebootstrap.com/wirebootstrap/working-with-components/web-frameworks.md).

# Web Frameworks

Any WireBootstrap component can be used natively inside any of the modern web frameworks through integrations developed for each framework.  Click on a framework below to go to the WireBootstrap integration documentation for the framework.

|                                                                                                                                |                                                                                                                  |                                                                                                              |                                                                                                          |
| ------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------- |
| <img src="/files/1UEO37OLniKjEGmXXudg" alt="" data-size="line"> [Web Components](https://docs.wirebootstrap.com/webcomponents) | <img src="/files/0MfqZOnYQmzS31g7Hsnf" alt="" data-size="line">[Angular](https://docs.wirebootstrap.com/angular) | <img src="/files/ypFGcXDGjhPhYXufw22u" alt="" data-size="line">[React](https://docs.wirebootstrap.com/react) | <img src="/files/wGytVe7DTGmGW44pBfDQ" alt="" data-size="line">[Vue](https://docs.wirebootstrap.com/vue) |

In the example below, the component `myComponent` is rendered in plain JavaScript as well as four web frameworks.

{% tabs %}
{% tab title="JavaScript" %}

```html
<div id="component1"></div>
<script>
    new myComponent().render("#component1", {});
</script>
```

{% endtab %}

{% tab title="Web Components" %}

```html
<wire-component component="myComponent" config=""></wire-component>
```

{% endtab %}

{% tab title="Angular" %}

```html
<div wire-component="myComponent" [config]=""></div>
```

{% endtab %}

{% tab title="React" %}

```jsx
<WireComponent component="myComponent" config={}>
    <div></div>
</WireComponent>
```

{% endtab %}

{% tab title="Vue" %}

```html
<div wire-component="myComponent" v-wire-config=""></div>
```

{% endtab %}
{% endtabs %}