{"id":19247834,"url":"https://github.com/melhosseiny/flare","last_synced_at":"2026-05-03T12:32:19.934Z","repository":{"id":261661504,"uuid":"884968468","full_name":"melhosseiny/flare","owner":"melhosseiny","description":"Compose user interfaces without frameworks","archived":false,"fork":false,"pushed_at":"2024-11-07T18:10:33.000Z","size":278,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-24T00:32:11.538Z","etag":null,"topics":["deno","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/melhosseiny.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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},"funding":{"github":"melhosseiny"}},"created_at":"2024-11-07T17:57:31.000Z","updated_at":"2024-11-07T18:10:36.000Z","dependencies_parsed_at":"2024-11-07T19:19:36.396Z","dependency_job_id":"c5b2d463-52a3-41b1-8da3-6b8edf61454b","html_url":"https://github.com/melhosseiny/flare","commit_stats":null,"previous_names":["melhosseiny/flare"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/melhosseiny/flare","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melhosseiny%2Fflare","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melhosseiny%2Fflare/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melhosseiny%2Fflare/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melhosseiny%2Fflare/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/melhosseiny","download_url":"https://codeload.github.com/melhosseiny/flare/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melhosseiny%2Fflare/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32569712,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"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":["deno","web-components"],"created_at":"2024-11-09T18:05:23.243Z","updated_at":"2026-05-03T12:32:19.909Z","avatar_url":"https://github.com/melhosseiny.png","language":"JavaScript","funding_links":["https://github.com/sponsors/melhosseiny"],"categories":[],"sub_categories":[],"readme":"# Flare\n\n![](https://github.com/melhosseiny/flare/blob/772d63f73ceb8db0fd53c4de3e229b4bef860076/repo.png)\n\n[![deno doc](https://doc.deno.land/badge.svg)](https://doc.deno.land/https://raw.githubusercontent.com/melhosseiny/flare/main/flare.js)\n\n## Guide\n\n1. [Functional web components](https://warm-dawn.deno.dev/composing-user-interfaces-without-frameworks-part-1)\n\n## How to write a component\n\n`components/hello_world.js`\n\n    import { html, state, web_component, define_component } from \"flare\";\n\n    const template = (data) =\u003e html`\n      \u003cp\u003eHello, World!\u003c/p\u003e\n    `\n\n    const style = `\n      p { color: magenta; }\n    `;\n\n    export function hello_world(spec) {\n      let { _root } = spec;\n      const _web_component = web_component(spec);\n      const _state = state(spec);\n\n      const effects = () =\u003e {\n        // add event listeners\n      }\n\n      // component methods\n\n      return Object.freeze({\n        ..._web_component\n        effects\n      })\n    }\n\n    define_component({\n      name: \"hello-world\",\n      component: hello_world,\n      template,\n      style,\n      props: []\n    );\n\n`index.html`\n\n    \u003c!DOCTYPE html\u003e\n    \u003chtml lang=\"en\"\u003e\n      \u003chead\u003e\n        \u003ctitle\u003eMy app\u003c/title\u003e\n        \u003cscript type=\"importmap\"\u003e\n          {\n            \"imports\": {\n              \"sourdough\": \"https://busy-dog-44.deno.dev/melhosseiny/flare/main/flare.js\"\n            }\n          }\n        \u003c/script\u003e\n      \u003c/head\u003e\n      \u003cbody\u003e\n        \u003chello-world\u003e\u003c/hello-world\u003e\n        \u003cscript type=\"module\"\u003e\n          import { hello_world } from \"/components/hello_world.js\";\n        \u003c/script\u003e\n      \u003c/body\u003e\n    \u003c/html\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmelhosseiny%2Fflare","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmelhosseiny%2Fflare","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmelhosseiny%2Fflare/lists"}