Utility Web Components 🛠
A collection of web components built for reusability and performance.
We will gradually add useful components under this project. You can find detailed documentation for each component into its respective directory. Please click on a component's tag/name in the table below, it should take you to the
READEME page of that respective component.
|1.||uc-image||Lazy load images on all browsers including IE11.|
You don't need to worry about the package size as it will only download the components that you have used on your page. 🤩
For example, the modern browsers will only download
util-components.js file which is in the ES5 syntax and has all the polyfills.
- Put script tags as shown above in the
headof your web page.
- Then you can use the custom elements anywhere in your template, JSX, html etc.
<script type="module" src="https://unpkg.com/util-web-components/dist/util-components/util-components.esm.js"></script> <script nomodule src="https://unpkg.com/util-web-components/dist/util-components/util-components.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/util-web-components/dist/util-components/util-components.esm.js"></script> <script nomodule src="https://cdn.jsdelivr.net/npm/util-web-components/dist/util-components/util-components.js"></script>
examples directory for a sample usage. You can locate an example for each component at