g a m e w o r k s

g a m e w o r k s is a ui component library for s v e l t e k i t.

npm i gameworks

g a m e w o r k s uses regular J S for layout components and w e b a s s e m b l y for animated components.

To use the layout components, create a css file src/app.css:

body, html {
    height: 100%;
    width: 100%;
    margin: 0;
  }

and implement it from your main +layout.svelte file like so:

<script>
    import '../app.css';
</script>

To use the animated components, the vite-plugin-wasm and vite-plugin-top-level-await plugins are required. Install these with:

npm i vite-plugin-wasm
npm i vite-plugin-top-level-await

And modify your vite.config.js file as such:

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import wasm from "vite-plugin-wasm";
import topLevelAwait from "vite-plugin-top-level-await";


export default defineConfig({
  plugins: [sveltekit(), topLevelAwait(), wasm()]
});