Apollo Elements Apollo Elements Guides API Blog Toggle darkmode

Apollo Elements

Build high-performance web apps with GraphQL and web components.

What is Apollo Elements?


Leverage the modern web platform to deliver less JavaScript, without sacrificing DX.


Write declarative, expressive frontends and manage client-side state using GraphQL.


Use your GraphQL components in any other frontend framework, or none!

Use your Favourite Web Components Library

Apollo Elements comes with support for many popular web components libraries. Choose the one that suits your project and team, or mix-and-match. Components built using different libraries can easily coexist in the same app.


Write GraphQL components once and use them everywhere with ease. Elements created with Apollo Elements work in any framework or none, even in Angular, Preact, React, Svelte, or Vue apps.

These demos all import the same Apollo Element component from NPM.

Click a tab to view the demo