{"id":15386676,"url":"https://github.com/zerodevx/web-component-starter","last_synced_at":"2026-05-03T04:39:14.421Z","repository":{"id":93487696,"uuid":"187990555","full_name":"zerodevx/web-component-starter","owner":"zerodevx","description":"An opinionated starter template to quickly scaffold shareable native web-components.","archived":false,"fork":false,"pushed_at":"2021-09-12T15:46:16.000Z","size":8,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-02-02T01:12:14.693Z","etag":null,"topics":["starter-template","webcomponents"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"isc","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zerodevx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2019-05-22T07:54:55.000Z","updated_at":"2022-01-06T22:20:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"db79b786-2b50-4662-8b76-27e298e4f658","html_url":"https://github.com/zerodevx/web-component-starter","commit_stats":{"total_commits":11,"total_committers":1,"mean_commits":11.0,"dds":0.0,"last_synced_commit":"f8f535cdaa936debc88b4465b0d900cb6c10c54c"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zerodevx%2Fweb-component-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zerodevx%2Fweb-component-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zerodevx%2Fweb-component-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zerodevx%2Fweb-component-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zerodevx","download_url":"https://codeload.github.com/zerodevx/web-component-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245937977,"owners_count":20696989,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["starter-template","webcomponents"],"created_at":"2024-10-01T14:50:09.922Z","updated_at":"2026-05-03T04:39:14.392Z","avatar_url":"https://github.com/zerodevx.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# web-component-starter\n\nAn opinionated starter template to quickly scaffold shareable native web-components.\n\nComes with:\n\n- [x] Rollup build\n- [x] Dev server with live-reload\n- [x] Mocha/Chai for browser-run testing\n- [x] Standardjs for linting\n\nThe beauty of this template is in its simplicity - it's a bare-bones setup that requires only a few dependencies,\nwith a well-tested tooling pipeline that's not overly complicated, and easily extensible.\n\n## Install\n\nClone with [degit](https://github.com/Rich-Harris/degit), [update](https://www.npmjs.com/package/npm-check-updates)\n(optional) and install dependencies:\n\n```bash\n$ npx degit zerodevx/web-component-starter my-element\n$ cd my-element\n$ npx ncu -u\n$ npm i\n```\n\n## Usage\n\n### Develop\n\nRun the dev server.\n\n```bash\n$ npm run dev\n```\n\nThis serves the `test/` directory at `http://localhost:5000` with file-watching and live-reload capabilities.\n\nDevelop the web-component at `src/index.js` - the example component template showcases some common\n[Custom Elements v1](https://developers.google.com/web/fundamentals/web-components/customelements) coding patterns.\nBare modules import can be used.\n\n### Test\n\nTests are integrated and run inside your browser during development. Write tests using Mocha BDD with Chai asserts\nat `test/index.spec.js`. A convenience `add()` function is included - it creates the test fixture, appends it into\nDOM, and returns the node.\n\n```js\n...\nit('creates showdowRoot', () =\u003e {\n  const fixture = add(`\u003cmy-element name=\"test\"\u003e\u003c/my-element\u003e`)\n  assert.exists(fixture.shadowRoot)\n  fixture.remove()\n})\n```\n\n### Lint\n\nLint your code with `Standardjs` rules.\n\n```bash\n$ npm run lint\n```\n\nAnd fix warnings automatically.\n\n```bash\n$ npm run lint -- --fix\n```\n\n### Build\n\nBuild your component.\n\n```bash\n$ npm run build\n```\n\nThis creates the Rollup minified bundle into `dist/index.min.js` that is useful for consumption via CDN.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzerodevx%2Fweb-component-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzerodevx%2Fweb-component-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzerodevx%2Fweb-component-starter/lists"}