custom-elements-manifest
generic-components
custom-elements-manifest | generic-components | |
---|---|---|
4 | 1 | |
335 | 553 | |
2.1% | - | |
1.5 | 0.0 | |
11 days ago | almost 2 years ago | |
TypeScript | JavaScript | |
BSD 3-clause "New" or "Revised" License | MIT License |
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.
custom-elements-manifest
-
The Block Protocol
The Web Components Community Group is developing such a format to describe the types of components here: https://github.com/webcomponents/custom-elements-manifest
People have already built tools that generate wrappers based on it.
-
Reactifying Custom Elements using a Custom Elements Manifest
TL;DR: A Custom Elements Manifest is a JSON file that contains all metadata about the custom elements in your project. You can read all about it here.
-
Introducing: Custom Elements Manifest
Custom Elements Manifest is a file format that describes the custom elements in your project. This format will allow tooling and IDEs to give rich information about the custom elements in a given project. A custom-elements.json contains metadata about the custom elements in your project; their properties, methods, attributes, inheritance, slots, CSS Shadow Parts, CSS custom properties, and a modules exports. If you're interested in following the specification of the schema, or contributing to it, you can find the repository here: webcomponents/custom-elements-manifest.
generic-components
-
Reactifying Custom Elements using a Custom Elements Manifest
For fun and science, I decided to try my hand at creating a @custom-elements-manifest/analyzer plugin to ✨ automagically ✨ create some React wrappers for my custom elements project generic-components, which is a collection of accessible, zero-dependency, vanilla JS web components. Do note that this is mostly a PoC, I'm sure things could be improved and edgecases were missed; this is mostly an experiment to see how we can utilize the Custom Elements Manifest.
What are some alternatives?
catalyst - Catalyst is a set of patterns and techniques for developing components within a complex application.
custom-elements-manifest - Custom Elements Manifest is a file format that describes custom elements in your project.
open-wc - Open Web Components: guides, tools and libraries for developing web components.
api-viewer-element - API documentation and live playground for Web Components. Based on Custom Elements Manifest format
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
custom-elements-manifest
shoelace-css - A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME 👇👇👇
blockprotocol - ✨ The open-source standard for blocks. From @hashintel
elm-get
cem-plugin-template - Starter repo for developing custom element analyzer plugins