Introducing: Custom Elements Manifest

• storybook

  91 80,401 10.0 TypeScript

  Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

  

  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.

• webcomponents

  0 3,498 2.6 HTML

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

  

  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.

• SurveyJS

  surveyjs.io

  sponsored

  A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

  

• custom-elements-manifest

  0 292 0.0 TypeScript

  A file format for describing custom elements

  

  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.

• api-viewer-element

  1 238 6.3 TypeScript

  API documentation and live playground for Web Components. Based on Custom Elements Manifest format

  

  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.

• eleventy 🕚⚡️

  67 15,091 8.9 JavaScript

  A simpler site generator. Transforms a directory of templates (of varying types) into HTML.

  

  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.

• elm-get

  0 216 0.0 Haskell

  Another interesting usecase, inspired by elm-package, is that tooling could be able to detect whether or not the public API of a custom element has changed, based on a snapshot of the current custom-elements.json file to decide the impact of an update, and potentially prevent breaking API change in patch or minor versions.

• custom-elements-manifest

  0 2 0.0 JavaScript

  

  Atomico (opt-in via community plugin)

• Amplication

  amplication.com

  sponsored

  Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  

• custom-elements-manifest

  0 169 7.0 JavaScript

  Custom Elements Manifest is a file format that describes custom elements in your project. (by open-wc)

  

  To get started developing custom plugins, take a look at the cem-plugin-template repository to quickly get you up and running, and take a look at the Authoring Plugins documentation for more in depth information.

• cem-plugin-template

  0 3 0.0 JavaScript

  Starter repo for developing custom element analyzer plugins

  

  To get started developing custom plugins, take a look at the cem-plugin-template repository to quickly get you up and running, and take a look at the Authoring Plugins documentation for more in depth information.

• stencil

  15 11,929 9.7 TypeScript

  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.

  

  Stencil (opt-in via CLI flag)

• shoelace-css

  21 9,321 9.3 TypeScript

  A collection of professionally designed, every day UI components built on Web standards. Works with all framework as well as regular HTML/CSS/JS. 🥾

  

  Some component libraries like Fast or Shoelace provide specific instructions on how to integrate with certain frameworks. Automating this integration layer could make development easier for both authors of component libraries, but also for consumers of libraries.

• open-wc

  2 2,094 8.8 JavaScript

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

  

  It's unlikely that developers will write their custom-elements.json file by hand. So at Open Web Components, we worked hard on a tool that does it for you!

• catalyst

  0 1,214 0.0 TypeScript

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

  

  Catalyst (opt-in via CLI flag)

Suggest a related project