iconify VS Fuse

Icons play a vital role in the web development. They guide us, convey messages, and enhance user experiences on numerous websites and applications. Whether you are an experienced developer or a beginner in web development, having a reliable source of high-quality icons is essential. This is where Iconify comes in, providing an extensive selection of icons that will breathe life into your projects.

https://iconify.design/ has been my go to for years, but I like the ability to customize the colors from the UI, although I personally use tailwind classes for my colors

Before explaining the whole code, it is worth saying that you can get all the icons used in this tutorial are from iconify

It was positioned absolutely to the parent container and was placed at the position where it is using -bottom-8 and left-[17%], the icon use there is from iconify

Svg Icons from Iconify.

Luckily, I found that in astro you can do it easily with the astro-icon package. This package uses Iconify, an icon library that combines dozens of different icon packs into one. The most interesting icon pack for me was the SVG Logos as it includes all logos for different tech companies, programming languages, etc. Now, adding these icons is as simple as:

I've been using https://iconify.design/

oh very cool. would love to see the comparison/benchmark against the library I've used in projects for years (Fuse - https://github.com/krisk/Fuse).

Keep up the great work!

It has the merit of being accomplished. Good work ! You can use https://fusejs.io/ to improve your search feature ;)

I had a very similar task and solved it with https://fusejs.io/ and was very happy with the result. Great performance and was able to get the exact config I wanted very easily.

You can use this https://fusejs.io/ library to implement a fuzzy search but you’ll have to put all the content you want to be searchable in a json along with the url it’s in so when you click on a result, you can redirect the user to the page you want.

Check the docs for your component system's text input component. Not all have specific autocomplete Search components like MUI, you might have to make your own out of your library's text input and menu components plus a fuzzy search library like Fuse.js.