{"id":13566820,"url":"https://github.com/breakfast-studio/lunchboxjs","last_synced_at":"2025-04-12T21:27:53.533Z","repository":{"id":37418633,"uuid":"429522617","full_name":"breakfast-studio/lunchboxjs","owner":"breakfast-studio","description":"Declarative ThreeJS via web components","archived":false,"fork":false,"pushed_at":"2025-03-18T15:34:56.000Z","size":21399,"stargazers_count":246,"open_issues_count":3,"forks_count":12,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-04T01:07:25.159Z","etag":null,"topics":["3d","custom-elements","three-js","threejs","web-components"],"latest_commit_sha":null,"homepage":"","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/breakfast-studio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2021-11-18T17:36:34.000Z","updated_at":"2025-03-18T15:35:01.000Z","dependencies_parsed_at":"2023-01-21T07:15:35.865Z","dependency_job_id":"12562e83-2922-4567-933c-c8f369c50eeb","html_url":"https://github.com/breakfast-studio/lunchboxjs","commit_stats":{"total_commits":286,"total_committers":3,"mean_commits":95.33333333333333,"dds":0.4825174825174825,"last_synced_commit":"1126be87c292c9eb1160f04784a85d9f10c8b981"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/breakfast-studio%2Flunchboxjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/breakfast-studio%2Flunchboxjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/breakfast-studio%2Flunchboxjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/breakfast-studio%2Flunchboxjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/breakfast-studio","download_url":"https://codeload.github.com/breakfast-studio/lunchboxjs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248633827,"owners_count":21136920,"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":["3d","custom-elements","three-js","threejs","web-components"],"created_at":"2024-08-01T13:02:17.393Z","updated_at":"2025-04-12T21:27:53.513Z","avatar_url":"https://github.com/breakfast-studio.png","language":"TypeScript","funding_links":[],"categories":["Web","TypeScript"],"sub_categories":[],"readme":"Lunchbox 2 lets you write [ThreeJS](https://threejs.org/) scenes using [web components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components). You can use it in any (or no) framework.\n\n```html\n\u003cthree-lunchbox\u003e\n  \u003cthree-mesh position-z=\"-5\"\u003e\n    \u003ctorus-knot-geometry\u003e\u003c/torus-knot-geometry\u003e\n    \u003cmesh-normal-material\u003e\u003c/mesh-normal-material\u003e\n  \u003c/three-mesh\u003e\n\u003c/three-lunchbox\u003e\n```\n\n## Docs\n\n[Install](https://docs.lunchboxjs.com/install.html)\n\n[Full docs](https://docs.lunchboxjs.com/)\n\n## About\n\nLunchbox started as a Vue + ThreeJS custom renderer, but from version 2 on will be focused on web components built into browsers.\n\n## Local Dev\n\n`npm install`, then `npm run dev` to run dev server. From there, edit source code in the LunchboxJS package's `/src/...` and examples in `/index.html/...` to build and test features.\n\n`npm run test` to run headless tests, `npm run cy:open` to open Cypress test suites.\n\n`npm run docs:dev` to run docs locally.\n\n## Publishing\n\n`npm run test` to make sure all tests pass, then `npm run publish`.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbreakfast-studio%2Flunchboxjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbreakfast-studio%2Flunchboxjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbreakfast-studio%2Flunchboxjs/lists"}