{"id":13565398,"url":"https://github.com/kantord/zoetic","last_synced_at":"2025-06-19T12:34:36.294Z","repository":{"id":42693748,"uuid":"461205332","full_name":"kantord/zoetic","owner":"kantord","description":"🌱 🎥 Markdown presentations using your webcam","archived":false,"fork":false,"pushed_at":"2024-06-17T16:28:22.000Z","size":29256,"stargazers_count":62,"open_issues_count":6,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-06T01:41:16.628Z","etag":null,"topics":["jsx","markdown","mdx","mdx-deck","pre","presentation","react","remote-work","slides","slideshow","webcam","webcam-streaming"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kantord.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2022-02-19T13:49:30.000Z","updated_at":"2025-04-01T13:24:36.000Z","dependencies_parsed_at":"2024-08-01T13:35:12.050Z","dependency_job_id":null,"html_url":"https://github.com/kantord/zoetic","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/kantord/zoetic","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kantord%2Fzoetic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kantord%2Fzoetic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kantord%2Fzoetic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kantord%2Fzoetic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kantord","download_url":"https://codeload.github.com/kantord/zoetic/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kantord%2Fzoetic/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260751535,"owners_count":23057167,"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":["jsx","markdown","mdx","mdx-deck","pre","presentation","react","remote-work","slides","slideshow","webcam","webcam-streaming"],"created_at":"2024-08-01T13:01:46.183Z","updated_at":"2025-06-19T12:34:31.273Z","avatar_url":"https://github.com/kantord.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Projects","Markdown Building Blocks"],"sub_categories":["Markdown to Presentation / Slideshow"],"readme":"\u003cdiv align=\"center\"\u003e\n\t\u003ch1\u003e🌱 🎥 zoetic\u003c/h1\u003e\n\t\u003cp\u003eMarkdown presentations using your webcam\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"demo.gif\" /\u003e\n\u003c/div\u003e\n\n## Usage\n\n\n### Setup\n\nIn order to use Zoetic, you need to clone the Zoetic repository:\n\n```bash\ngit clone git@github.com:kantord/zoetic.git\n```\n\n`cd` into the newly created folder\n\n```bash\ncd zoetic\n```\n\nMake sure to install dependencies before you try to run your slides:\n\n```bash\nyarn install\n```\n\n### Edit your slides\n\nPlace your slides inside `decks/`. See `decks/hello.mdx` for an example. You can use Markdown\nin order to format your slides. In order to create multiple slides in one deck, you can use\n`---` in order to separate the slides, for example:\n\n```mdx\n# First slide\n\n---\n\nSecond slide\n```\n\nWant to use React components in your slides, or other more advanced features? Consult the\n[mdx-deck documentation](https://github.com/jxnblk/mdx-deck).\n\n\n### Test and present your slides\n\nIn order to run your slides, use `yarn zoetic`. For example, if your slides are in \n`decks/hello.mdx`, then run\n\n```bash\nyarn zoetic hello.mdx\n```\n\nIf you want to use `zoetic` in order to present on an online meeting, you have to use screen\nsharing. Open `zoetic` before joining your call and make sure your camera is turned on and\nzoetic has access to it. Then join your call without enabling your camera in the call.\n\nOnce you join your call, share just the zoetic window in the call. If you want to participate\nin the call without the slides before starting your presentation, you can simple include an\nempty slide.\n\n\n\n## Planned features\n\n* \"Green screen\" support\n\t- Blur background\n\t- Use and image as background\n\t- Use different background settings in each slide\n* Multi-camera support\n\t- Switch camera with hotkeys\n\t- Associate different cameras/camera angles with different slides\n* Virtual webcam support\n\t- Use your presentation as a virtual camera in order to allow working with other software\n* Draw on your screen using your fingers\n* Share a window from your screen in order to do live demonstrations or live coding\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkantord%2Fzoetic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkantord%2Fzoetic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkantord%2Fzoetic/lists"}