{"id":29118792,"url":"https://github.com/hot-page/fx","last_synced_at":"2026-03-06T03:31:28.822Z","repository":{"id":190277737,"uuid":"682312506","full_name":"hot-page/fx","owner":"hot-page","description":"Web Components On Fire","archived":false,"fork":false,"pushed_at":"2025-12-10T14:50:46.000Z","size":290,"stargazers_count":45,"open_issues_count":4,"forks_count":2,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-12-10T23:36:43.164Z","etag":null,"topics":["custom-elements","web-components"],"latest_commit_sha":null,"homepage":"https://fx.hot.page","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/hot-page.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-08-23T22:52:14.000Z","updated_at":"2025-12-10T14:50:56.000Z","dependencies_parsed_at":"2025-12-10T18:00:11.852Z","dependency_job_id":null,"html_url":"https://github.com/hot-page/fx","commit_stats":null,"previous_names":["hot-page/fx"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hot-page/fx","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hot-page%2Ffx","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hot-page%2Ffx/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hot-page%2Ffx/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hot-page%2Ffx/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hot-page","download_url":"https://codeload.github.com/hot-page/fx/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hot-page%2Ffx/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30160845,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-05T22:39:40.138Z","status":"online","status_checked_at":"2026-03-06T02:00:08.268Z","response_time":250,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["custom-elements","web-components"],"created_at":"2025-06-29T13:04:59.719Z","updated_at":"2026-03-06T03:31:28.798Z","avatar_url":"https://github.com/hot-page.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cpicture\u003e\n    \u003csource width=\"300\" media=\"(prefers-color-scheme: dark)\" srcset=\"https://static.hot.page/hotfx-logo-white.svg\"\u003e\n    \u003csource width=\"300\" media=\"(prefers-color-scheme: light)\" srcset=\"https://static.hot.page/hotfx-logo.svg\"\u003e\n    \u003cimg width=\"300\" src=\"https://static.hot.page/hotfx-logo.svg\"\u003e\n  \u003c/picture\u003e\n\u003c/div\u003e\n\n\u0026nbsp;\n\nHotFX is a collection of standalone custom elements and frontend code snippets\nthat are like wowwwwwww\n\nSee the components at [fx.hot.page](https://fx.hot.page/) or read about the \nrationale in our [announcement blog post](https://hot.page/takes/year-of-web-components).\n\nThese components were created for sites on [Hot Page](hot.page) but they work\nanywhere!\n\n## Development\n\nTo modify the files and see the results on your pages, you can run a\ndevelopment server. First create the SSL certificates following the procedure\nbelow and then run:\n\n```\nnpm start\n```\n\nIf you get the error `Error: ENOENT: no such file or directory, open\n'./localhost-key.pem'` that is because you haven't created an SSL certificate\nyet (see below).\n\nOnce you can start the server, the files here will be available on localhost like\n[`https://localhost:8000/fx-responsive-menu/index.js`](https://localhost:8000/fx-responsive-menu/index.js).\nBe sure to use `https` or the browser will show you a very cryptic error.\n\n\n## Create an SSL Certificate for `localhost`\n\nTo run the server and use this with your pages on [Hot Page](hot.page), you\nwill need to serve these files using encrypted `https`. To do that, it is\neasiest to install a valid SSL certificate for `localhost`. This keeps the\nbrowser from freaking out when it loads the files. You can install a certicate\neasily using `mkcert` (you can [read\nmore](https://web.dev/articles/how-to-use-local-https) on web.dev). For\nexample, on MacOS use the following\n\n```\nbrew install mkcert\nmkcert -install\nmkcert localhost\n```\n\nThis will generate the certificate in this directory and you should be able to\nthen run the server as described above.\n\n## Publish\n\nTo publish a new version to NPM, go to the directory of the package and run:\n\n```\nnpm version patch\nnpm publish --access public\n```\n\n## A Hot Page Project\n\nThis open-source project is built by the engineeers at [Hot Page](https://hot.page),\na tool for web design and development.\n\n\u0026nbsp;\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://hot.page\" target=\"_blank\"\u003e\n    \u003cimg width=\"250\" src=\"https://static.hot.page/logo.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u0026nbsp;\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhot-page%2Ffx","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhot-page%2Ffx","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhot-page%2Ffx/lists"}