Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tresjs/cientos
Collection of useful helpers and fully functional, ready-made abstractions for TresJS
https://github.com/tresjs/cientos
3d abstractions composable declarative threejs vite vue webgl
Last synced: about 2 hours ago
JSON representation
Collection of useful helpers and fully functional, ready-made abstractions for TresJS
- Host: GitHub
- URL: https://github.com/tresjs/cientos
- Owner: Tresjs
- License: mit
- Created: 2023-03-19T10:27:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-13T13:44:47.000Z (2 days ago)
- Last Synced: 2024-11-13T14:35:34.425Z (2 days ago)
- Topics: 3d, abstractions, composable, declarative, threejs, vite, vue, webgl
- Language: Vue
- Homepage: https://cientos.tresjs.org/
- Size: 90.7 MB
- Stars: 288
- Watchers: 6
- Forks: 41
- Open Issues: 59
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
![repository-banner.png](/public/repo-banner.png)
# Cientos
> Collection of useful helpers and fully functional, ready-made abstractions for Tres
- 💡 Build a 3D scene working only with Vue components.
- ⚡️ Powered by Vite
- 🥰 It brings all the updated features of ThreeJS right away regardless the version
- 🦾 Fully TypedCientos (the Spanish word for "hundreds", pronounced /θjentos/ ) is a collection of useful ready-to-go helpers and components that are not part of the core package. The name uses the word used in Spanish to multiply by 100, to refer to the potential reach of the package to hold an amazing abstraction.
The cientos package uses `three-stdlib` module under the hood instead of the three/examples/jsm module. This means that you don't need to extend the catalog of components using the extend method from the `core`, cientos does it for you.
It just works. 💯
## Installation
```bash
pnpm i @tresjs/cientos
```## Docs
Checkout the [docs](https://cientos.tresjs.org/)
## Demos
- [Stackblitz Collection](https://stackblitz.com/@alvarosabu/collections/tresjs)
## Contributing
We are open to contributions, please read the [contributing guide](/CONTRIBUTING.md) to get started.
### Build
To build the package run:
```bash
pnpm run build
```### Playground
To run the playground run, is a great way to test the components and helpers locally:
First, install dependencies
```
pnpm i
```And then to run the development server on http://localhost:5173
```bash
pnpm run playground
```### Test
TODO...
### Docs
To run de docs in dev mode
```bash
pnpm run docs:dev
```To build them
```bash
pnpm run docs:build
```## License
[MIT](/LICENSE)
## Sponsors
Be the first to support this project [here](https://github.com/sponsors/alvarosabu) ☺️.