About
WebComponents.dev is an online IDE for building Web Components in the browser. It provides starter templates for multiple component frameworks and languages, then lets developers push code to Git and publish packages to npm from the studio environment.
The pricing page shows a free offering for public components with GitHub and GitLab sync, public package publishing under the @wcd scope, and community support. Private components, private repository sync, and publishing under a personal or custom scope are listed as paid features.
- Browser-based Web Components IDE
- 64 starter templates
- Public GitHub and GitLab sync
- Public package publishing under
@wcd - Community support included
- Private components on paid plan
- Private repository sync on paid plan
Free Tier Value
This free tier is genuinely usable for public work: it includes the full IDE, public repo sync, package publishing under the @wcd scope, and community chat support. The only clearly paid step shown is the private-components plan, so the free offering lands at roughly 70% of the overall capability set and is worth about $8/month compared with the paid upgrade path.
What's included in the free tier
- Full-featured IDE access for public components.
- Sync public components to GitHub and GitLab public repositories.
- Publish public packages under the @wcd scope.
- Community support via chat.
See WebComponents.dev pricing for current limits.
Paid plans
ENTHUSIAST
- Private components
- Sync to Github and GitLab private repos
- Publish public or private packages under your name or your scope
- Publish to any registry
- Badge ENTHUSIAST
Pricing extracted from WebComponents.dev's pricing page. Always verify current pricing before committing.