[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8709":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},8709,"tres","Tresjs\u002Ftres","Tresjs","Declarative ThreeJS using Vue Components","https:\u002F\u002Ftresjs.org",null,"Vue",3584,189,16,90,0,6,26,3,28.84,"MIT License",false,"main",true,[26,27,28,29,30,31,32],"composable","custom-renderer","declarative","threejs","vite","vue","webgl","2026-06-12 02:01:57","![repo-banner](https:\u002F\u002Fgithub.com\u002FTresjs\u002F.github\u002Fraw\u002Fmain\u002F.github\u002Ftres-banner.png)\n\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@tresjs\u002Fcore\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@tresjs\u002Fcore?color=%2382DBCA&logo=data:image\u002Fsvg%2bxml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY4NTQgMy40MjkxNkMxMi4wNzM4IDIuNzgxODIgMTMuMDEyIDIuNzgxODIgMTMuNDAwNCAzLjQyOTE1TDE5LjE3NzEgMTMuMDU2OUMxOS41NzcgMTMuNzIzNSAxOS4wOTY5IDE0LjU3MTQgMTguMzE5NiAxNC41NzE0SDYuNzY2MjRDNS45ODg5NCAxNC41NzE0IDUuNTA4ODMgMTMuNzIzNSA1LjkwODc1IDEzLjA1NjlMMTEuNjg1NCAzLjQyOTE2WiIgZmlsbD0iIzgyREJDNSIvPgo8cGF0aCBkPSJNMTUuNjg1NyAxMC41NDI5QzE1LjY4NTcgOS45OTA1OSAxNi4xMzM0IDkuNTQyODggMTYuNjg1NyA5LjU0Mjg4SDI2QzI2LjU1MjIgOS41NDI4OCAyNyA5Ljk5MDU5IDI3IDEwLjU0MjlWMTkuODU3MkMyNyAyMC40MDk0IDI2LjU1MjIgMjAuODU3MiAyNiAyMC44NTcySDE2LjY4NTdDMTYuMTMzNCAyMC44NTcyIDE1LjY4NTcgMjAuNDA5NCAxNS42ODU3IDE5Ljg1NzJWMTAuNTQyOVoiIGZpbGw9IiM0RjRGNEYiLz4KPGNpcmNsZSBjeD0iMTYiIGN5PSIyMiIgcj0iNiIgZmlsbD0iI0VGQUMzNSIvPgo8L3N2Zz4K\" alt=\"npm package\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@tresjs\u002Fcore\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@tresjs\u002Fcore?color=%2382DBCA\" alt=\"npm downloads\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Ftresjs.org\u002Fdiscord\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fchat-discord-purple?style=flat&logo=discord\" alt=\"discord chat\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fapp.netlify.com\u002Fsites\u002Ftresjs-docs\u002Fdeploys\">\u003Cimg src=\"https:\u002F\u002Fapi.netlify.com\u002Fapi\u002Fv1\u002Fbadges\u002F80159e4a-35fd-41ab-a192-f108265eb983\u002Fdeploy-status\" alt=\"netlify status\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\n# TresJS Ecosystem\n\n> Declarative ThreeJS using Vue Components\n\n- 💡 Build 3D scene as they were Vue components\n- 🥰 It brings all the updated features of ThreeJS right away regardless the version\n- 🦾 Fully Typed\n\nTres (Spanish word for \"three\", pronounced `\u002Ftres\u002F` ) is a way of creating ThreeJS scenes with Vue components in a declarative fashion.\n\nIt's build on-top of a [Vue Custom Renderer](https:\u002F\u002Fvuejs.org\u002Fapi\u002Fcustom-renderer.html#createrenderer) and it's powered by Vite.\n\nThe goal is to provide the Vue's community an easy way of building 3D scenes with Vue, always up to date with the latest ThreeJS features and with 0-to-none maintenance.\n\n## Start by\n\n- Checking out the [docs](https:\u002F\u002Fdocs.tresjs.org)\n- Consulting the [installation guide](https:\u002F\u002Fdocs.tresjs.org\u002Fgetting-started\u002Finstallation)\n- Looking at some [demos](https:\u002F\u002Fstackblitz.com\u002F@alvarosabu\u002Fcollections\u002Ftresjs)\n\n## Ecosystem\n\n| Package                                                      | Version                                                                                                            | Downloads                                                                                        |\n| ------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |\n| [Tres](https:\u002F\u002Fgithub.com\u002FTresjs\u002Ftres\u002Ftree\u002Fmain\u002Fpackages\u002Fcore)                     | ![tres version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@tresjs\u002Fcore\u002Flatest.svg?label=%20&color=%2382DBCA)                    | ![tres downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@tresjs\u002Fcore?color=%2382DBCA)                    |\n| [Cientos](https:\u002F\u002Fgithub.com\u002FTresjs\u002Ftres\u002Ftree\u002Fmain\u002Fpackages\u002Fcientos)                | ![cientos version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@tresjs\u002Fcientos\u002Flatest.svg?label=%20&color=%23f19b00)              | ![cientos downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@tresjs\u002Fcientos?color=%23f19b00)              |\n| [Post-processing](https:\u002F\u002Fgithub.com\u002FTresjs\u002Ftres\u002Ftree\u002Fmain\u002Fpackages\u002Fpostprocessing) | ![post-processing version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@tresjs\u002Fpost-processing\u002Flatest.svg?label=%20&color=ff7bac) | ![post-processing downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@tresjs\u002Fpost-processing?color=ff7bac) |\n| [Nuxt](https:\u002F\u002Fgithub.com\u002FTresjs\u002Ftres\u002Ftree\u002Fmain\u002Fpackages\u002Fnuxt)                      | ![nuxt version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@tresjs\u002Fnuxt\u002Flatest.svg?label=%20&color=4f4f4f&logo=nuxt.js)          | ![nuxt downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@tresjs\u002Fnuxt?color=4f4f4f&logo=nuxt.js)          |\n| [TresLeches 🍰](https:\u002F\u002Fgithub.com\u002FTresjs\u002Ftres\u002Ftree\u002Fmain\u002Fpackages\u002Fleches)           | ![tresleches version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@tresjs\u002Fleches\u002Flatest.svg?label=%20&color=ffffff)               | ![tresleches downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@tresjs\u002Fleches?color=ffffff)               |\n\n## Sponsors\n\n\u003Cp align=\"center\">\n  \u003Ca target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Ftresjs\">\n    \u003Cimg alt=\"sponsors\" src=\".\u002Fsponsorkit\u002Fsponsors.png\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n## Contribution\n\nWe are open to contributions, please make sure to read the [contributing guide](\u002FCONTRIBUTING.md) before making a pull request.\n\n## License\n\n[MIT](\u002FLICENSE)\n","TresJS 是一个使用 Vue 组件声明式构建 ThreeJS 3D 场景的库。它基于 Vue 自定义渲染器构建，并由 Vite 提供支持，允许开发者以类似于编写 Vue 组件的方式创建复杂的三维图形应用。TresJS 的主要特点包括全面支持 TypeScript、自动集成最新版 ThreeJS 功能以及几乎无需维护的优点。适用于需要快速开发且易于管理的3D Web项目，特别适合已经熟悉Vue框架并希望将其技能扩展到3D领域的前端开发者。",2,"2026-06-11 03:19:24","top_language"]