Endorphin

Overview

EndorphinJS is a library for building user interfaces using DOM components. It is based on the declarative template engine Endorphin, which aims to provide incremental UI updates in the browser and server-side rendering in any programming language. While the documentation is still in progress, EndorphinJS offers various features for enthusiasts who share the values and problems it intends to solve.

Features

• Declarative template engine: EndorphinJS includes a declarative template engine with a JavaScript-like syntax for easy data manipulation.
• Real DOM representation: Unlike React/Vue.js/Svelte, each Endorphin component has a real DOM representation. This simplifies debugging and styling as components are accessible directly in any browser's developer tools.
• No external runtime: EndorphinJS does not require an external runtime. The application code is compiled and embedded directly into the application. The runtime is compact, with a code size of only approximately 6 KB (gzip).
• CSS isolation: The CSS of each component is fully isolated and only applied to its respective component during the build process.
• Fast UI updates: EndorphinJS offers fast UI updates without the need for a Virtual DOM. The component's template is analyzed during the build process, and the generated code updates only the necessary parts of the template.
• Web API usage: Endorphin components encourage the use of Web APIs. You can access and manipulate the component's content as you would with any DOM element. Endorphin only interacts with the data it creates, allowing you to manipulate component DOM elements without worrying about them being overwritten in the next component redraw.
• Built-in animation support: EndorphinJS provides built-in support for animating the appearance and removal of elements based on CSS Animations.
• Safe integration with existing websites: Endorphin applications can be safely integrated into any website. Due to complete isolation and the absence of an external runtime, you can be confident that the application will not affect other parts of the website.

Summary

EndorphinJS is a powerful library for building user interfaces with DOM components. It offers a declarative template engine, real DOM representation, fast UI updates, CSS isolation, and more. With its compact runtime, seamless integration, and web API usage, EndorphinJS provides an efficient and flexible solution for creating dynamic user interfaces. While the documentation is still being developed, EndorphinJS is a promising tool for enthusiasts seeking to optimize their UI development process.