{"id":20147733,"url":"https://github.com/isur/video-chat-bubbles","last_synced_at":"2026-05-28T23:31:18.935Z","repository":{"id":225221392,"uuid":"765386644","full_name":"Isur/video-chat-bubbles","owner":"Isur","description":"Video Chat Bubbles that might be used for creating videos with messages like in the chat.","archived":false,"fork":false,"pushed_at":"2024-06-02T17:05:29.000Z","size":6506,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-03T00:23:44.653Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://video-chat-bubbles.vercel.app","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/Isur.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":"2024-02-29T20:23:54.000Z","updated_at":"2024-06-02T17:05:32.000Z","dependencies_parsed_at":"2024-06-02T14:00:35.300Z","dependency_job_id":"76ce37b2-86d5-4adf-a590-64e2ef351abf","html_url":"https://github.com/Isur/video-chat-bubbles","commit_stats":null,"previous_names":["isur/video-chat-bubbles"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Isur/video-chat-bubbles","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Isur%2Fvideo-chat-bubbles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Isur%2Fvideo-chat-bubbles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Isur%2Fvideo-chat-bubbles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Isur%2Fvideo-chat-bubbles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Isur","download_url":"https://codeload.github.com/Isur/video-chat-bubbles/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Isur%2Fvideo-chat-bubbles/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33630999,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-28T02:00:06.440Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2024-11-13T22:31:31.756Z","updated_at":"2026-05-28T23:31:18.920Z","avatar_url":"https://github.com/Isur.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Video Chat Bubble\n\nSimple project to create a video chat bubble using Vite with React, TypeScript, Tailwind and Framer Motion.\n\n## How to run\n\n1. Clone the repository\n2. Run `pnpm install` to install.\n3. Run `pnpm dev` to start the development server.\n   or\n4. Run `pnpm build` to build the project.\n5. Run `pnpm preview` to preview the build.\n\n## How to use\n\nOpen app and configure it to your needs.\n\nClick START button to start the \"chat\".\n\nStart typing and you will see the bubble with your message.\n\nClick enter and start typing to create new bubble with next message.\n\nBubbles will dissapear after few seconds - as you set it up in configurator.\n\n## Configurator\n\nApp have build in configurator to change some settings.\n\nConfiguration is saved in local storage.\n\nYou can change:\n\n- Font size;\n- Padding inside the bubble;\n- Time for bubble to dissapear;\n- Alignement of the bubble to right or left;\n- Alignement of the bubble to top or bottom;\n- Position of the configurator menu;\n- Dark/light mode;\n- Panels are resizable and by dragging you can change size of them;\n\n## Notes\n\nYou can create notes that are stored in local storage.\n\n## How it looks\n\n![Video Chat Bubble](./app.gif)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fisur%2Fvideo-chat-bubbles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fisur%2Fvideo-chat-bubbles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fisur%2Fvideo-chat-bubbles/lists"}