{"id":15099271,"url":"https://github.com/meldjs/meld-web-components","last_synced_at":"2026-02-15T06:31:28.701Z","repository":{"id":230464242,"uuid":"779452116","full_name":"meldjs/meld-web-components","owner":"meldjs","description":"Standalone Hypermedia Web Components","archived":false,"fork":false,"pushed_at":"2024-03-30T00:24:04.000Z","size":36,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-10-04T09:38:58.573Z","etag":null,"topics":["hypermedia","web-components"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/meldjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-29T21:48:51.000Z","updated_at":"2025-02-17T10:38:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"91668e6f-5063-46a0-8ae5-d9b2850c7027","html_url":"https://github.com/meldjs/meld-web-components","commit_stats":null,"previous_names":["meldjs/meldjs","meldjs/meld-web-components"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/meldjs/meld-web-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meldjs%2Fmeld-web-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meldjs%2Fmeld-web-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meldjs%2Fmeld-web-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meldjs%2Fmeld-web-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/meldjs","download_url":"https://codeload.github.com/meldjs/meld-web-components/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meldjs%2Fmeld-web-components/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29471941,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-15T05:26:30.465Z","status":"ssl_error","status_checked_at":"2026-02-15T05:26:21.858Z","response_time":118,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hypermedia","web-components"],"created_at":"2024-09-25T17:09:08.849Z","updated_at":"2026-02-15T06:31:28.665Z","avatar_url":"https://github.com/meldjs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Meld: Hypermedia Web Components.🌐✨\n\nMeldJS 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.\n\n## Why MeldJS? 🤔\n\nWhat if the browser had built in tags with the kind of dynamic behavior you expect from SPAs -- but without the bloat.\n\nMeldJS aims to fill this space, offering:\n\n🚀 Enhanced User Interaction: Dynamic content updates without full page refreshes for seamless user experiences.\n\n🔌 Easy Integration: Works alongside your existing HTML, CSS, and JavaScript, making it perfect for enhancing existing sites or new projects.\n\n🌍 Hypermedia Support: Built with RESTful principles in mind, supporting adaptive and scalable web architectures.\n\n🛠  Flexibility \u0026 Modularity: Use what you need. Each component is standalone, designed to play well with others or shine on its own.\n\n🎨 HTML-Centric server communication: Leverages the power of standard web technologies, emphasizing ease of use and development efficiency.\n\nVs Other Options ✅\n\n- Lightweight \u0026 Focused: Unlike heavy SPA frameworks, MeldJS focuses on enhancing pages rather than replacing your stack, keeping things light and fast.\n- HTML Over JSON: Interacts with the server using HTML or HTML fragments, reducing the need for API endpoint adjustments and simplifying server-side rendering.\n- Versatility: Suitable for anything from small enhancements to existing pages to building complex, dynamic interfaces in new projects.\n- Developer Friendly: Embraces web standards, making it intuitive for those familiar with HTML, CSS, and basic JavaScript.\n\n## \u003cinclude-html\u003e\n\n`include-html` is a custom web component that will request HTML from a server and replace its contents with the result.\n\n```html\n\u003cinclude-html src=\"/my/content\"\u003e\u003c/include-html\u003e\n```\n\nAdd content to show while the component loads:\n\n```html\n\u003cinclude-html src=\"/my/content\"\u003e\n  \u003c!-- Default slot for loading indicator --\u003e\n  \u003cspan\u003eLoading content...\u003c/span\u003e\n  \n\u003c/include-html\u003e\n```\n\nAnd add a template to show an error in case your server is unreachable:\n\n```html\n\u003cinclude-html src=\"/my/content\"\u003e\n  \u003c!-- Default slot for loading indicator --\u003e\n  \u003cspan\u003eLoading content...\u003c/span\u003e\n  \n  \u003c!-- Named slot for error handling --\u003e\n  \u003ctemplate slot=\"error\"\u003e\n    \u003cp\u003eFailed to load content. Please try again later.\u003c/p\u003e\n  \u003c/template\u003e\n\u003c/include-html\u003e\n```\n\n### Options\n\n```html\n\u003cinclude-html\n  src=\"/my/content\"\n  swap=\"outerHTML\" \u003c!-- Defaults to innerHTML --\u003e\n\u003e\n\u003c/include-html\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmeldjs%2Fmeld-web-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmeldjs%2Fmeld-web-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmeldjs%2Fmeld-web-components/lists"}