trois VS unplugin-icons

Part of the reason is because libraries like Paper.js, Pixi.js, and Three.js are working with canvas, which doesn't have inner DOM elements. But the, I remembered Trois.js and it's amazing API for rendering 3D scenes via components.

Because of this, many libraries emerged with the aim of using Three.js inside a framework. I have tried Angular Three and Trois.js for Vue but I prefer React Three Fiber because of its large community, examples and documentation but feel free to give a try to the other ones.

As a Web 3D developers, I emphasis, the past years haven't been kind, the learning curve was steep and a lot of work has to be done to get a decent product, but I believe the trend is changing, the technology is getting more accessible and more recognized, a lot JavaScript libraries/frameworks are integrating three.js (React Fiber, Vue Trois ...) to their ecosystem extending the community, there are also more WebGL based editors some using three.js as an engine (Spline, Vectary ...) while they're far from being blender or 3ds Max, and they'll probably never will be, they're in active development and a good starting point toward a more software based development.

- VueUse (https://vueuse.org/) - Pinia (https://pinia.vuejs.org/) - Vite (obvs) - Tailwind as mentioned - Added Oruga :) - TroisJS (https://troisjs.github.io/) when I want to go 3d - Netlify CMS (I rely heavily on Netlify, at this point) Not going to use everything always, but this gives me the flexibility to go anywhere I want, with Vue at the heart of it all.

⚡️ ViteJS / HMR Really fast development time with ViteJS/HMR ! Useful to create awesome 3D scenes. https://troisjs.github.io/

TroisJS : https://github.com/troisjs/trois

🤹 Unplugin Icons

Now i am using https://github.com/antfu/unplugin-icons

unplugin-icons will be the easiest and most robust option if you are using a bundler

I highly recommend unplugin-icons. It has first class SvelteKit support and uses Iconify under the hood. Here is the introductory blog post.

This might not answer your question directly but unplugin-icons might be the best way to use Icons in any project in general.

Pro tip: try to get them added to https://github.com/iconify/iconify / https://github.com/antfu/unplugin-icons

I use the Unplugin-Icon package that gives access to Iconify. That way I can select icons from multiple libraries.

Just use this: https://github.com/antfu/unplugin-icons

I will suggest unplugin-icons package