Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jasonsturges/threejs-sveltekit

3D with SvelteKit and Three.js
https://github.com/jasonsturges/threejs-sveltekit

3d boilerplate svelte sveltejs sveltekit template threejs webgl

Last synced: about 2 months ago
JSON representation

3D with SvelteKit and Three.js

Awesome Lists containing this project

README

        

# 3D with Svelte and Three.js

Project template incorporating [Svelte](https://svelte.dev) with [Three.js](https://threejs.org/).

![screencapture](https://user-images.githubusercontent.com/1213591/188254873-82f8786d-e3cb-421c-8cb8-27462481fc85.gif)

This project includes:
- [Svelte](https://svelte.dev)
- [SvelteKit](https://kit.svelte.dev/)
- [Three.js](https://threejs.org/)
- [Vite](https://vitejs.dev/)

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

## Building

To create a production version of your app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.