Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amil3955/webgi-gsap-jewelry
https://github.com/amil3955/webgi-gsap-jewelry
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/amil3955/webgi-gsap-jewelry
- Owner: amil3955
- License: other
- Created: 2024-11-19T11:27:54.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-19T13:40:18.000Z (about 2 months ago)
- Last Synced: 2024-11-19T14:45:34.618Z (about 2 months ago)
- Language: TypeScript
- Size: 14 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- License: LICENSE.md
Awesome Lists containing this project
README
# WebGi Jewelry Landing Page
A template for buildind scrollable landing pages with Gsap, ScrollTrigger and webgi engine in typescript using parcel bundler.
you can watch the design process of this page, using WEBGi. Using the scroll to tell stories is something very pleasant and simple to do with tools like WEBGI. It uses a modified version of Threejs to allow advanced effects rendering with good performance and ease of use.
All the code responsible for rendering is only 20 lines long. The rest of the code handles the interface, with the Scroll-based animations using the GSAP ScrollTrigger, which is quite powerful for building experiences like this.
by Amil Sena Rodrigues
## Getting started
First install the dependencies:
```bash
npm install
```
To run the project in development mode:
```bash
npm start
```
To build the project for production:
```bash
npm run build
```
## Documentation
For the latest version and documentation: [WebGi Docs](https://webgi.xyz/docs/).
Resources: WEBGi, Parcel , TypeScript, Babel, gsap, scrollTrigger
## License
For license and terms of use, see the [SDK License](https://webgi.xyz/docs/license).