{"repo":"lume/element","free":true,"listed":false,"github":"https://github.com/lume/element","clone":"git clone https://github.com/lume/element.git","description":"Fast and simple custom elements.","language":"TypeScript","stars":186,"topics":["html","custom-elements","web-components","jsx","tsx","shadow-dom","css","javascript","typescript","webgl"],"license":"MIT","category":"ui-components","readme_excerpt":"@lume/element Easily and concisely write Custom Elements with simple templates and reactivity. Use the custom elements on their own in plain HTML or vanilla JavaScript, or in Vue, Svelte, Solid.js, Stencil.js, React, and Preact, with full type checking, autocompletion, and intellisense in all the template systems of those frameworks, in any IDE that supports TypeScript such as VS Code. Write your elements once, then use them in any app, with a complete developer experience no matter which base component system your app uses. npm install @lume/element :bulb: Tip: If you are new to Custom Elements, first learn about the basics of Custom Element APIs available natively in browsers. Lume Element simplifies the creation of Custom Elements compared to writing them with vanilla APIs, but sometimes vanilla APIs are all that is needed. Live demos - Lume 3D HTML (The landing page, all of Lume's 3D elements, and the live code editors themselves in the doc pages) - CodePen, html template tag, no decorators - Stackblitz with Babel, JSX, decorators - Stackblitz with Vite, JSX, TypeScript, decorators - Solid Playground, TypeScript, no decorators Table of contents - Cliché Click Counter Example - Intro - Basic Usage - Create custom elements - Easily create and manipulate DOM - Create functional components - Using functional components inside custom elements - Functional components vs custom elements - API - Element - static elementName - template - static css - css - static observedAttribute","default_branch":null,"files":null,"tree":[],"storefront":"/r/lume","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/lume/element/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}