preact-custom-element
Wrap Preact components as standards-compliant custom elements for use in any HTML environment.
What is preact-custom-element?
preact-custom-element is a library that converts Preact components into native custom elements, allowing them to be used as standard HTML tags. It solves the problem of integrating Preact components into non-Preact environments, such as static HTML, other frameworks, or CMS platforms, by leveraging the browser's built-in custom elements API.
Preact developers who need to embed their components into vanilla HTML, other JavaScript frameworks, or server-rendered pages without requiring a full Preact runtime.
Developers choose preact-custom-element for its strict adherence to the Custom Elements v1 spec, minimal footprint, and seamless integration with Preact's component model, offering a standards-based way to reuse components across diverse web environments.
Overview
Wrap your component up as a custom element
Use Cases
Best For
- Embedding Preact components into static HTML pages
- Creating reusable UI elements for CMS or non-React frameworks
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
