In one of my latest web assignments I needed to implement 3d and wrote some svelte components to drive the three.js CSS3DRenderer. It worked great, but as soon as images were introduced, performance was really an issue.
I then looked into Svelte + three.js libraries like svelte-cubed and svelthree and while they work great, I felt that there's room to improve and build upon.
The last week I was busy with developing threlte, a new component library for svelte + three.js. It's based on my previous experience working with react-three-fiber and the short yet very enlightening time working with Svelte, SvelteKit and Svelte Cubed.
It's not finished (it never is, right?) but it already is quite useable and even features some things I was missing with the other ones.
- Reactivity as we know it from Svelte
- Interactivity (pointer events much regular DOM elements)
- Color management
- Useful Defaults
- Access to just about everything
- Extendability and clear conventions
- TypeScript everywhere
- Hooks
- Post Processing
- Extensive Documentation
- … and it's pretty easy too.
I hope you like the new kid on the block! I'd love it if you give it a try and provide some feedback Thanks!
The last week I was busy with developing threlte, a new component library for svelte + three.js. It's based on my previous experience working with react-three-fiber and the short yet very enlightening time working with Svelte, SvelteKit and Svelte Cubed. It's not finished (it never is, right?) but it already is quite useable and even features some things I was missing with the other ones.
- Reactivity as we know it from Svelte
- Interactivity (pointer events much regular DOM elements)
- Color management
- Useful Defaults
- Access to just about everything
- Extendability and clear conventions
- TypeScript everywhere
- Hooks
- Post Processing
- Extensive Documentation
- … and it's pretty easy too.
I hope you like the new kid on the block! I'd love it if you give it a try and provide some feedback Thanks!