{"id":23139033,"url":"https://github.com/circuit/circuit-web-components","last_synced_at":"2025-07-24T06:42:27.073Z","repository":{"id":79430987,"uuid":"163758286","full_name":"circuit/circuit-web-components","owner":"circuit","description":"Circuit Web Components allow for simple integration of Circuit into your existing website","archived":false,"fork":false,"pushed_at":"2020-12-14T17:02:15.000Z","size":87,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-06-01T03:05:48.289Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/circuit.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":"2019-01-01T18:40:04.000Z","updated_at":"2021-03-31T19:24:55.000Z","dependencies_parsed_at":"2023-05-12T04:15:13.423Z","dependency_job_id":null,"html_url":"https://github.com/circuit/circuit-web-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/circuit/circuit-web-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/circuit%2Fcircuit-web-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/circuit%2Fcircuit-web-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/circuit%2Fcircuit-web-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/circuit%2Fcircuit-web-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/circuit","download_url":"https://codeload.github.com/circuit/circuit-web-components/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/circuit%2Fcircuit-web-components/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259879901,"owners_count":22925846,"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":[],"created_at":"2024-12-17T13:13:06.280Z","updated_at":"2025-06-17T01:36:49.028Z","avatar_url":"https://github.com/circuit.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Circuit Web Components\n\n[![NPM Version](https://img.shields.io/npm/v/@unify/circuit-web-components.svg?style=flat)](https://www.npmjs.com/package/@unify/circuit-web-components)\n[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)\n\nEnhance your website with Circuit features such as making video calls without any code. Just include the desired web component module and the Circuit JS SDK and use the element.\n\nBased on the latest Web Components standard. No dependency on any Web Components framework.\n\n```html\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cscript type=\"module\" src=\"//unpkg.com/@unify/circuit-web-components/circuit-call-button.js\" defer\u003e\u003c/script\u003e\n    \u003cscript src=\"//unpkg.com/circuit-sdk\" async\u003e\u003c/script\u003e\n    \u003cstyle\u003e\n      circuit-call-button[inprogress] { background: firebrick; }\n    \u003c/style\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003ccircuit-call-button\n      clientId=\"f06c51a30f0d4eb6acc05829c3e86266\"\n      target=\"helpdesk@company.com\"\u003eCall Helpdesk\u003c/circuit-call-button\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Components\n\n### [circuit-call-button](docs/circuit-call-button.md)\nRenders a button to start a Circuit call, either as guest (via pool of authenticated users), or a regular user via OAuth authentication. For video calls the [circuit-call-stage](circuit-call-stage.md) component can be used to display the local and remote video streams. `call` object is exposed in the event `callchange`.\n\n\n### [circuit-call-stage](docs/circuit-call-stage.md)\nRenders local and remote video streams of a call. `convId` is passed as property to the web component to determine which conversation is rendered.\n\n\n### [circuit-chat](docs/circuit-chat.md)\nRenders a circuit conversation feed and allows the user to participate in the chat. `call` is passed as property to the web component. `overlay` attribute can be used to define the position on the local video, or to hide it.\n\n\n### [circuit-conversations-list](docs/circuit-conversations-list.md)\nRenders a list of the most recent circuit conversations. `convId` is passed as property to the web component to determine which conversation is rendered.\n\n\n## Usage and Documentation\nSee [docs/README.md](docs/README.md)\n\n## Live examples\n* [Overview](https://raw.githack.com/circuit/circuit-web-components/master/examples/index.html)\n* [Audio call](https://raw.githack.com/circuit/circuit-web-components/master/examples/audioCall.html) (circuit-call-button)\n* [Video call](https://raw.githack.com/circuit/circuit-web-components/master/examples/videoCall.html) (circuit-call-button and circuit-call-stage)\n* [Video conference](https://raw.githack.com/circuit/circuit-web-components/master/examples/videoConference.html) (circuit-call-button and circuit-call-stage)\n* [Guest video conference](https://raw.githack.com/circuit/circuit-web-components/master/examples/guest.html) (circuit-call-button and circuit-call-stage)\n* [Guest pool direct video call](https://raw.githack.com/circuit/circuit-web-components/master/examples/guestPoolDirect.html) (circuit-call-button and circuit-call-stage)\n* [Vue.js app](https://raw.githack.com/circuit/circuit-web-components/master/examples/vue.html) (circuit-call-button)\n* [Circuit Chat](https://raw.githack.com/circuit/circuit-web-components/master/examples/chat.html) (circuit-conversations-list and circuit-chat)\n\n\n\n\n## Run examples locally\n```bash\ngit clone https://github.com/circuit/circuit-web-components.git\ncd circuit-web-components\nnpm i -g local-web-server\nws -p 8443 --https -o\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcircuit%2Fcircuit-web-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcircuit%2Fcircuit-web-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcircuit%2Fcircuit-web-components/lists"}