Stencil Component Starter

Usage no npm install needed!

<script type="module">
  import vonageWebcomponents from 'https://cdn.skypack.dev/@vonage/webcomponents';



This is the mono-repo for Over.ai's design system, Volta. It is in active development and should not be used. When it is more mature, Volta's packages can used on any web project and has most popular frameworks suites.


The term "design system" might bring to mind a pristine library of interface elements. Over.ai is not this kind of design system. It is more like a suite of tools that can be used to rapidly build interface elements. The nature of serving an ever-growing number of brands with unique identities and rapidly changing business requirements necessitate this structure.

Over.ai's architecture is designed to accommodate the unpredictable nature of the publishing industry, to serve many different brands and visual styles, and to fit in with PMC's core WordPress technology by providing tools that layer in a component API for PHP templating.


The packages are:

  • @over.ai/core - Provides a server for viewing patterns and scripts for working with patterns.
  • @over.ai/angular - Angular extension of the core component to deliver simple suite targeting Angular best patterns.
  • @over.ai/react - React extension of the core component to deliver simple suite targeting React best patterns.
  • @over.ai/vue - Vue extension of the core component to deliver simple suite targeting Vue best patterns.
Project Package Version Links
Core @over.ai/core version README.md
Angular @over.ai/angular version README.md
Vue @over.ai/vue version README.md
React @over.ai/react version README.md

Possible future packages:

  • @over.ai/fontloader - JS for interactivity and utilities for tasks like font loading.


Consult each package's readme for a description and directions for use.


Over.ai is the open-source web app development framework that makes it easy to build top quality progressive web apps with web technologies.

Over.ai is based on Web Components and comes with many significant performance, usability, and feature improvements over the past versions.

Getting Started

Start a new project by following our quick Getting Started guide. We would love to hear from you! If you have any feedback or run into issues using our framework, please file an issue on this repository.


Thanks for your interest in contributing! Read up on our guidelines for contributing and then look through our issues with a help wanted label.


The Over.ai Example App is a featured Over.ai app. It is the perfect starting point for learning and building your own app.

Future Goals

As Over.ai components migrate to the web component standard, a goal of ours is to have Over.ai components easily work within all of the popular frameworks.