{"id":25626525,"url":"https://github.com/moonhuntercode/web-components-with-es6-vitejs","last_synced_at":"2026-04-04T20:32:18.036Z","repository":{"id":108029393,"uuid":"503202419","full_name":"moonhuntercode/web-components-with-es6-vitejs","owner":"moonhuntercode","description":"template for modern version of web components- with custom elements v1 and es6 modules","archived":false,"fork":false,"pushed_at":"2024-07-17T03:56:33.000Z","size":33,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-27T04:51:03.931Z","etag":null,"topics":["css3","custom-elements","custom-elements-v1","frontend-web","html5","vanilla-javascript","web","webcomponents"],"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/moonhuntercode.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}},"created_at":"2022-06-14T04:01:30.000Z","updated_at":"2024-08-02T17:10:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"ba36988e-865f-4a41-9040-194106978a5a","html_url":"https://github.com/moonhuntercode/web-components-with-es6-vitejs","commit_stats":null,"previous_names":["moonhuntercode/web-components-with-es6-vitejs"],"tags_count":1,"template":true,"template_full_name":null,"purl":"pkg:github/moonhuntercode/web-components-with-es6-vitejs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moonhuntercode%2Fweb-components-with-es6-vitejs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moonhuntercode%2Fweb-components-with-es6-vitejs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moonhuntercode%2Fweb-components-with-es6-vitejs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moonhuntercode%2Fweb-components-with-es6-vitejs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/moonhuntercode","download_url":"https://codeload.github.com/moonhuntercode/web-components-with-es6-vitejs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moonhuntercode%2Fweb-components-with-es6-vitejs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31413267,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-04T20:09:54.854Z","status":"ssl_error","status_checked_at":"2026-04-04T20:09:44.350Z","response_time":60,"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":["css3","custom-elements","custom-elements-v1","frontend-web","html5","vanilla-javascript","web","webcomponents"],"created_at":"2025-02-22T16:29:33.897Z","updated_at":"2026-04-04T20:32:18.009Z","avatar_url":"https://github.com/moonhuntercode.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Web components](https://www.webcomponents.org/introduction) with [Custom Elements](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements) + [es6 modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) + [vitejs](https://vitejs.dev/) + your perfect [polyfills](https://github.com/webcomponents/polyfills/tree/master/packages/webcomponentsjs#how-to-use)\n\n## [Custom Elements](https://www.webcomponents.org/introduction#custom-elements)\n\nThe Custom Elements specification lays the foundation for designing and using new types of DOM elements.\n\n## [ES Modules](https://www.webcomponents.org/introduction#es-modules)\n\nThe ES Modules specification defines the inclusion and reuse of JS documents in a standards based, modular, performant way.\n\n---\n\n### [How do I use a web component?](https://www.webcomponents.org/introduction#how-do-i-use-a-web-component-)\n\n---\n\n## Polyfill\n\n\u003c!-- **Esto es un texto en negrita** y **esto también lo es** --\u003e\n\n\u003c!-- _Esto es un texto en cursiva_ y _esto también lo es_ --\u003e\n\nUn polyfill es un fragmento de código (generalmente JavaScript en la Web) que se utiliza para proporcionar una funcionalidad moderna en navegadores antiguos que no lo admiten de forma nativa, y para dar soporte a otros navegadores.\n\n## [Browser Support](https://github.com/webcomponents/polyfills/blob/master/packages/webcomponentsjs/README.md#browser-support)\n\nThe polyfills are intended to work in the latest versions of evergreen browsers. See below\nfor our complete browser support matrix:\n\n| Polyfill        | Edge | IE11+ | Chrome\\* | Firefox\\* | Safari 9+\\* | Chrome Android\\* | Mobile Safari\\* |\n| --------------- | :--: | :---: | :------: | :-------: | :---------: | :--------------: | :-------------: |\n| Custom Elements |  ✓   |   ✓   |    ✓     |     ✓     |      ✓      |        ✓         |        ✓        |\n| Shady CSS/DOM   |  ✓   |   ✓   |    ✓     |     ✓     |      ✓      |        ✓         |        ✓        |\n\n## TO DO\n\n- ✅⚔️ : refactoring in css\n- ✅⚔️ : modularization with css aplied\n- ✅⚔️ : nesting in css\n- ❌⚔️ : refactoring in first web component\n- ❌⚔️ help with this: aplicar Asynchronous webcomponents-loader.js\n  - The WebComponents.waitFor\n  - with multiples components added\n- ❌⚔️ : pensando usar como routing esto: https://github.com/colscott/a-wc-router\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoonhuntercode%2Fweb-components-with-es6-vitejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoonhuntercode%2Fweb-components-with-es6-vitejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoonhuntercode%2Fweb-components-with-es6-vitejs/lists"}