{"id":21744128,"url":"https://github.com/lobe/web-bootstrap","last_synced_at":"2025-10-06T06:42:14.572Z","repository":{"id":46181322,"uuid":"284099394","full_name":"lobe/web-bootstrap","owner":"lobe","description":"Bootstrap your Lobe machine learning model with our web starter project.","archived":false,"fork":false,"pushed_at":"2021-11-09T02:57:13.000Z","size":32052,"stargazers_count":76,"open_issues_count":5,"forks_count":34,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-13T05:08:04.641Z","etag":null,"topics":["lobe","machine-learning","react","reactjs","tensorflowjs"],"latest_commit_sha":null,"homepage":"https://lobe.ai","language":"TypeScript","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/lobe.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}},"created_at":"2020-07-31T18:03:06.000Z","updated_at":"2025-02-16T14:46:22.000Z","dependencies_parsed_at":"2022-09-23T06:02:06.129Z","dependency_job_id":null,"html_url":"https://github.com/lobe/web-bootstrap","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/lobe%2Fweb-bootstrap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lobe%2Fweb-bootstrap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lobe%2Fweb-bootstrap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lobe%2Fweb-bootstrap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lobe","download_url":"https://codeload.github.com/lobe/web-bootstrap/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248665747,"owners_count":21142123,"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":["lobe","machine-learning","react","reactjs","tensorflowjs"],"created_at":"2024-11-26T07:10:09.030Z","updated_at":"2025-10-06T06:42:09.543Z","avatar_url":"https://github.com/lobe.png","language":"TypeScript","readme":"![Web Bootstrap header](assets/header.jpg)\n\n[Lobe](http://lobe.ai/) is a free, easy to use app that has everything you need to bring your machine learning ideas to life.\nWeb Bootstrap takes the machine learning model created in Lobe, and adds it to a project in the browser that uses\n[React](https://reactjs.org), [Create React App](https://github.com/facebook/create-react-app), [TypeScript](https://www.typescriptlang.org/), and [TensorFlow.js](https://www.tensorflow.org/js).\n\n## Get Started\n\n1. Clone or download the project on your computer and install [Yarn](https://yarnpkg.com/). Yarn is the software package that will install all the dependencies and make sure the code automatically reloads when changes are made.\n\n2. Run `yarn install` to install required dependencies and run `yarn start` to start the server in development mode. This will open a web browser to\n`localhost:3000`. By default, this project is using the TensorFlow.js exported model from Lobe found in the `public/model/` folder.\n\n3. To use your own model file, open your Lobe project, go to the Use tab, select Export, and click on the TensorFlow.js model file. \nWhen exported, drag the `model.json`, `signature.json`, and all the `*.bin` files to the `public/model/` folder.\n\n## Additional Information\n\nCheck out the [Create React App documentation](https://create-react-app.dev/docs/getting-started)\nfor more information on React and the project structure.\n\nThere are three main components: Camera, Prediction, and StaticImage. \nThe Camera, which runs in `components/camera/Camera.tsx` is responsible for displaying a live full screen view of the user's selected webcam. \nThe Prediction component `components/prediction/Prediction.tsx` is the box in the lower left hand corner, and is responsible for displaying the top prediction results and their confidences.\nThe StaticImage component `components/staticImage/StaticImage.tsx` displays an image selected from the file picker and runs it through the model from a canvas element.\n\n### Known Issues\nTensorFlow.js on Safari may have problems initializing the WebGL backend for acceleration and will fall back to the CPU.\nYou can use the WebAssembly (wasm) backend as an alternative to WebGL: \nhttps://www.tensorflow.org/js/guide/platform_environment#wasm_backend\n\n## Contributing\n\nGitHub Issues are for reporting bugs, discussing features and general feedback on the Web Bootstrap project. Be sure to check our documentation, FAQ and past issues before opening any new ones.\n\nTo share your project, get feedback on it, and learn more about Lobe, please visit our community on [Reddit](https://www.reddit.com/r/Lobe/). \nWe look forward to seeing the amazing projects that can be built, when machine learning is made accessible to you.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flobe%2Fweb-bootstrap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flobe%2Fweb-bootstrap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flobe%2Fweb-bootstrap/lists"}