https://github.com/meldjs/meld-web-components
Standalone Hypermedia Web Components
https://github.com/meldjs/meld-web-components
hypermedia web-components
Last synced: 4 months ago
JSON representation
Standalone Hypermedia Web Components
- Host: GitHub
- URL: https://github.com/meldjs/meld-web-components
- Owner: meldjs
- Created: 2024-03-29T21:48:51.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-03-30T00:24:04.000Z (about 2 years ago)
- Last Synced: 2025-10-04T09:38:58.573Z (9 months ago)
- Topics: hypermedia, web-components
- Language: JavaScript
- Homepage:
- Size: 35.2 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Meld: Hypermedia Web Components.🌐✨
MeldJS is a lightweight library for enhancing your web applications with dynamic, integrated forms and components. Designed for developers who crave the simplicity of HTML and the dynamism of single-page applications (SPAs) without the overhead.
## Why MeldJS? 🤔
What if the browser had built in tags with the kind of dynamic behavior you expect from SPAs -- but without the bloat.
MeldJS aims to fill this space, offering:
🚀 Enhanced User Interaction: Dynamic content updates without full page refreshes for seamless user experiences.
🔌 Easy Integration: Works alongside your existing HTML, CSS, and JavaScript, making it perfect for enhancing existing sites or new projects.
🌍 Hypermedia Support: Built with RESTful principles in mind, supporting adaptive and scalable web architectures.
🛠 Flexibility & Modularity: Use what you need. Each component is standalone, designed to play well with others or shine on its own.
🎨 HTML-Centric server communication: Leverages the power of standard web technologies, emphasizing ease of use and development efficiency.
Vs Other Options ✅
- Lightweight & Focused: Unlike heavy SPA frameworks, MeldJS focuses on enhancing pages rather than replacing your stack, keeping things light and fast.
- HTML Over JSON: Interacts with the server using HTML or HTML fragments, reducing the need for API endpoint adjustments and simplifying server-side rendering.
- Versatility: Suitable for anything from small enhancements to existing pages to building complex, dynamic interfaces in new projects.
- Developer Friendly: Embraces web standards, making it intuitive for those familiar with HTML, CSS, and basic JavaScript.
##
`include-html` is a custom web component that will request HTML from a server and replace its contents with the result.
```html
```
Add content to show while the component loads:
```html
Loading content...
```
And add a template to show an error in case your server is unreachable:
```html
Loading content...
Failed to load content. Please try again later.
```
### Options
```html
>
```