More Premium Hugo Themes Premium Vue Themes

Customel

A tiny helper function for creating Web Components

Customel

A tiny helper function for creating Web Components

Author Avatar Theme by leifriksheim
Github Stars Github Stars: 13
Last Commit Last Commit: May 4, 2020 -
First Commit Created: May 5, 2023 -
Customel screenshot

Overview:

Customel is a small helper function for creating Web Components. It has zero dependencies and is only 2kb in size. It uses template literals as a templating engine and allows for the creation of standards-compliant Web Components. It can be used with Vue, React, Angular, and other similar frameworks. Customel has a small and easy API, making it accessible for developers to use.

Features:

  • Zero dependencies, only 2kb in size.
  • Uses template literals as a templating engine.
  • Allows for the creation of standards-compliant Web Components.
  • Compatible with Vue, React, Angular, and similar frameworks.
  • Small and easy API.

Installation:

To install Customel, follow these steps:

  1. Create an index.html file.
  2. Include Customel with the CDN:
<script src="https://cdn.example.com/customel.js"></script>
  1. If you are using native ES Modules, you can include it in the index.html like this:
<script type="module">
  import Customel from 'https://cdn.example.com/customel.js';
</script>

Summary:

Customel is a lightweight helper function for creating Web Components. It has a small API and can be used with popular frameworks like Vue, React, and Angular. With zero dependencies and a small size of only 2kb, Customel makes it easy to create standards-compliant Web Components without much boilerplate code. It provides features like template rendering, state management, props, and actions. It is not meant for building large applications, but rather for creating small, reusable Web Components.