unplugin-icons VS awesome-vite

🤹 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

Vite is a modern front-end build tool that significantly improves the development experience with its fast cold server start and hot module replacement. It leverages native ES modules and is optimized for speed and efficiency.

🔨 Vite ⚡

https://github.com/vitejs/awesome-vite#react

I suggest Vite community templates https://github.com/vitejs/awesome-vite

here

I saw Vite but not sure how easy it is to switch to that from an existing project.

I think most around here currently recommend Vite for a quick up and running SPA. If you'd like some tooling already set up, you can check out some of the community made templates at awesome vite.

It is super easy to get started with Vite and there is really no hard learning curve either. If you want to learn more about all the awesome things Vite can do, Check out this repo.

Vite has templates and plugins that you can install as project dependencies or use them. You can find a list of that and more here.