Skip to content

New Update : All the Ways to make a Web Component May 2021 update

The Component IDE
for Web Developers

Code your component
in isolation

Push Code

Create or link your repository on GitHub or GitLab, Push instantly

Publish Package

Automatic packaging, Semantic versioning, ready on npm

Deploy Website

Deploy a static site to GitHub Pages. Promote or demo your component

Free, no signup required

Select your Starter-kit

From the community

Mention @webcomp_dev with your creations to be considered here

Spotlight on Organizations

Code Instantly

Start with templates
Code in Isolation
Import any lib in-browser
VS Code powered editor

Lightning Preview

Ultra-fast in-browser compilation
Test in real-time
Document in any format
Storybook support

Share Quickly

Live-ESM compilation endpoint
Collaborate in browser
Embed your code
Live Presentation Mode

Take it to the next level and build an enterprise-grade Design System - developer side. Design-token based, generated documentation, maximum collaboration and more...
Go to