webcomponents vs api-viewer-element

webcomponents

Web Components specifications [Moved to: https://github.com/WICG/webcomponents] (by w3c)

Suggest topics

DISCONTINUED

Suggest alternative

Edit details

api-viewer-element

API documentation and live playground for Web Components. Based on Custom Elements Manifest format (by open-wc)

Webcomponents custom-elements lit-element

Source Code

api-viewer.open-wc.org

Suggest alternative

Edit details

Our great sponsors

InfluxDB - Power Real-Time Data Analytics at Scale

WorkOS - The modern identity platform for B2B SaaS

SaaSHub - Software Alternatives and Reviews

Our great sponsors

webcomponents		api-viewer-element
	Project
3	Mentions	2
3,498	Stars	260
-	Growth	2.7%
2.6	Activity	6.5
over 3 years ago	Latest Commit	25 days ago
HTML	Language	TypeScript
GNU General Public License v3.0 or later	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

webcomponents

Posts with mentions or reviews of webcomponents. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-06-17.

Introducing: Custom Elements Manifest
14 projects | dev.to | 17 Jun 2021

The idea for a web-components.json was first suggested in this GitHub issue on the web components GitHub repository, by Pine from the VS Code team, with the initial goal for IDEs to be able to better support custom elements.
Exprimentando Vue.js - aplicando no /dev/All
4 projects | dev.to | 16 Jun 2021
Debating with my co-workers about <img />
1 project | /r/webdev | 16 Feb 2021

this deficiency is now causing a significant headache in the new world of web components, where our custom elements cannot be elegantly self-closed, cursing us to bloat and verbosity. see this issue for more info: https://github.com/w3c/webcomponents/issues/624

api-viewer-element

Posts with mentions or reviews of api-viewer-element. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-12-20.

A Retrospective of My Year as a Full Stack Developer and Indie Game Developer
5 projects | dev.to | 20 Dec 2022

Documentation generated with api-viewer web component, using my plugin to generate the manifest!
Introducing: Custom Elements Manifest
14 projects | dev.to | 17 Jun 2021

Using a custom-elements.json file, it would be easy to generate or display demos for your component using tools such as api-viewer-element, or automatically generate Storybook knobs for your components. 11ty plugins could be created to automatically create your documentation sites for you.

What are some alternatives?

When comparing webcomponents and api-viewer-element you can also consider the following projects:

Mustache - A Mustache implementation in PHP.

custom-elements-manifest - A file format for describing custom elements

catalyst - Catalyst is a set of patterns and techniques for developing components within a complex application.

cem-plugin-template - Starter repo for developing custom element analyzer plugins

open-wc - Open Web Components: guides, tools and libraries for developing web components.

HighScore - 🏆 An open-source leaderboard for indie game developers

eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.

custom-elements-manifest

elm-get

stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.