Web Components

@themvora/web

Custom ElementsNo framework5 exports

Framework-free theming for any HTML page via custom elements.

Verified with Themvora 2.0.0·Updated 2026-09-17

Prerequisites

Package Manager

npm, pnpm, yarn, or bun

Dependencies

@themvora/core (peer dependency)

Use Case

Web Components projects with theme support

Installation

View on npm ↗Source ↗

Install the integration — @themvora/core is pulled in automatically as a dependency.

bash

pnpm add @themvora/web

Quick Start

Complete copy-paste usage for this package.

index.html

html

import { defineCustomElements } from "@themvora/web";
defineCustomElements();

<themvora-provider themes="...">
  <themvora-toggle></themvora-toggle>
  <themvora-select></themvora-select>
</themvora-provider>

API Reference

Curated highlights below. The complete generated reference — every signature, parameter and type — is at /api-reference/web.

Elements

Export	Description
`<themvora-provider>`	Root runtime provider.
`<themvora-scope theme>`	Scoped theming.
`<themvora-toggle>`	Light / dark toggle button.
`<themvora-select>`	Family / mode selector.
`getProviderRuntime()`	Imperative access to the runtime.