Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/m-foskett/3d-animation-viewer

3D Animation Viewer made with Vite, Three.js, Mantine and TypeScript
https://github.com/m-foskett/3d-animation-viewer

mantine-ui threejs typescript vite

Last synced: about 2 months ago
JSON representation

3D Animation Viewer made with Vite, Three.js, Mantine and TypeScript

Host: GitHub
URL: https://github.com/m-foskett/3d-animation-viewer
Owner: m-foskett
Created: 2023-04-20T16:08:47.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-04-22T04:26:06.000Z (almost 2 years ago)
Last Synced: 2024-11-05T15:35:16.419Z (3 months ago)
Topics: mantine-ui, threejs, typescript, vite
Language: TypeScript
Homepage: https://3d-animation-viewer.vercel.app
Size: 95.3 MB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # 3d-animation-viewer

This is a 3D Animation Viewer made using Vite, Three.js, Mantine UI and written in TypeScript.

![Maintenance](https://img.shields.io/maintenance/yes/2023)

![Website](https://img.shields.io/website?url=https%3A%2F%2F3d-animation-viewer.vercel.app%2F)

![GitHub top language](https://img.shields.io/github/languages/top/m-foskett/3d-animation-viewer)

![GitHub last commit](https://img.shields.io/github/last-commit/m-foskett/3d-animation-viewer)

## :scroll: Table of Contents

- [Screenshots](#computer-screenshots)

- [Tech Stack](#books-tech-stack)

- [Run Deployed Version](#running-run-deployed-version)

## :computer: Screenshots

The textured model is freely available on Sketchfab and was animated using Mixamo and Blender.

![preview](https://github.com/m-foskett/3d-animation-viewer/blob/main/preview.gif)

## :books: Tech-Stack

Below is a non-exhaustive list of the technologies utilised within this project.

| Front End | Libraries |

| ----------- | ----------- |

| Vite | Three.js |

| Mantine UI | react-three-fiber |

| TypeScript | react-three-drei |

## :running: Run Deployed Version

Deployed using Vercel at this domain: 

https://3d-animation-viewer.vercel.app/