{"id":21258942,"url":"https://github.com/squigglesdev/motion-canvas-stream-elements","last_synced_at":"2025-03-15T06:35:25.471Z","repository":{"id":158932235,"uuid":"634317924","full_name":"squigglesdev/motion-canvas-stream-elements","owner":"squigglesdev","description":"Create Stream Elements Programatically","archived":false,"fork":false,"pushed_at":"2023-04-29T18:58:58.000Z","size":12,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T21:46:33.888Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/squigglesdev.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":"2023-04-29T18:27:37.000Z","updated_at":"2023-04-29T18:27:43.000Z","dependencies_parsed_at":"2023-05-31T21:45:34.492Z","dependency_job_id":null,"html_url":"https://github.com/squigglesdev/motion-canvas-stream-elements","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/squigglesdev%2Fmotion-canvas-stream-elements","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/squigglesdev%2Fmotion-canvas-stream-elements/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/squigglesdev%2Fmotion-canvas-stream-elements/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/squigglesdev%2Fmotion-canvas-stream-elements/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/squigglesdev","download_url":"https://codeload.github.com/squigglesdev/motion-canvas-stream-elements/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243695479,"owners_count":20332622,"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-11-21T04:11:31.869Z","updated_at":"2025-03-15T06:35:25.451Z","avatar_url":"https://github.com/squigglesdev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbr/\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://motion-canvas.github.io\"\u003e\n    \u003cimg width=\"180\" src=\"https://motion-canvas.github.io/img/logo_dark.svg\" alt=\"Motion Canvas logo\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://lerna.js.org\"\u003e\u003cimg src=\"https://img.shields.io/badge/published%20with-lerna-c084fc?style=flat\" alt=\"published with lerna\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://vitejs.dev\"\u003e\u003cimg src=\"https://img.shields.io/badge/powered%20by-vite-646cff?style=flat\" alt=\"powered by vite\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\n# Motion Canvas Stream Elements\n\nMotion Canvas Stream Elements is built off [Motion Canvas][mc], for use in [OBS][obs].\n\n## Using MC Stream Elements\n\nRequires base knowledge of Motion Canvas. If you don't know how to use it, check out the [Motion Canvas docs][docs] to learn how to use it.\n\nTo use, clone the repo and run\n```\nnpm i\n```\nThen feel free to modify the `src/scenes/streamelements.tsx` file to your liking, making sure to have at least one presentation slide. Then run\n```\nnpm run serve\n```\nto start hosting the project on your local machine. You can then add a browser source in OBS, pointing to `http://localhost:9000?present` (or whatever port vite has given you in the terminal output). Then in OBS press the interact button when the browser source is selected, then press the full screen icon to remove the Motion Canvas UI. Future versions will remove the need for this step.\n\n\n[authenticate]:\n  https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry#authenticating-with-a-personal-access-token\n[template]: https://github.com/motion-canvas/project-template#using-the-template\n[discord]: https://chat.motioncanvas.io\n[docs]: https://motioncanvas.io/docs/\n[mc]: https://motioncanvas.io\n[obs]: https://obsproject.com","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsquigglesdev%2Fmotion-canvas-stream-elements","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsquigglesdev%2Fmotion-canvas-stream-elements","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsquigglesdev%2Fmotion-canvas-stream-elements/lists"}