Overview

µce-template is a tiny toolless library that allows developers to define components in a Vue fashion. It provides a custom built-in <template> element and can bootstrap all defined components. The library is compatible with server-side rendering (SSR) and includes a simple CLI for converting HTML pages or components into a minified version with optional Babel transpilation. It is based on Custom Elements and supports lazy loading of components, shadow DOM, and pre-defined modules. The library is lightweight, with a size that fits within a 10K gzipped budget. Its goal is to demonstrate that tools and tooling can be optional in web development.

Features

Server-side rendering (SSR) compatibility
Custom Elements-based components
Lazy loading of components
Shadow DOM support
Pre-defined modules for importing
Runtime ESM to CommonJS module system
Lightweight - fits within a 10K gzipped budget

Summary

Overall, µce-template is a lightweight and developer-friendly toolless library for defining components in a Vue fashion. It offers server-side rendering compatibility, lazy loading, and shadow DOM support. With its pre-defined modules and runtime module system, developers can easily create reactive UIs and optimize their components. The library is designed to show that tools and tooling can be optional in web development. Its installation process is simple, and it can be easily integrated into any project.

Webreflection

HyperHTML

Uce Template

Uhtml

Uint8 To Base64

ViperHTML