The only online IDE for Web Components
Build components, push to Git and publish to npm
without all the hassle.
Free, no signup required
Select your Template
HTMLElement 0 dependencies 
Atomico JSX 
Lit TypeScript 
Omi JSX 
FAST TypeScript 
Haunted JavaScript 
LWC JavaScript 
Preact custom-element 
Stencil TSX 
Svelte 3 custom-element 
uce JavaScript 
Vue 3 Built-in wrapper
All the ways to make a web component
Compare coding style, bundle size and performance of 59 different ways to make a Web Component.
Feb 2022 Update
From the community
Spectrum Web Components A collection of 40+ components from Sprectrum Web Components by Adobe's Spectrum team
lit-html 2 (preview) Explore the new capabilities of the upcoming lit-html 2 by Westbrook
lit-html by examples Learn LitElement by examples by open-wc
Haunted by examples Learn Haunted by examples by open-wc
Mention @webcomp_dev with your creations to be considered here
Spotlight on Organizations
Lightning Web Components LWC Playground and demos of 70 base components
Adobe Amazing showcase of Spectrum Web Components
FAST The adaptive interface system for modern web experiences.
Open Web Components 50+ demos in LitElement and Haunted, from Basic to Advanced.
VanillaWC A Collection of Vanilla Web Components with no dependencies.
You have the components, why not make it a full design system?
Go to Backlight