image VS ui

Nuxt is an appealing framework to work with, partly because of its robust module ecosystem. Popular UI libraries, headless CMS tools, and databases can be easily integrated with a single line of code. Among other third-party modules, Nuxt Image, Nuxt Content, and Nuxt UI are some of the official modules developed by the Nuxt team.

Using Nuxt Image module

Sorry, can't help there. We're only using svgs for the project. But it seems there's a nuxt-3 compatible nuxt/image version.

I never used NuxtImage but I saw this announcement: https://github.com/nuxt/image/discussions/548 , doc: https://v1.image.nuxtjs.org/get-started/

(This is copied from here, but I guess the github issue tracker is not the right place to ask)

To make our development process easier and ensure a polished user interface, we'll use Nuxt UI, a comprehensive UI library designed specifically for NuxtJS applications. By incorporating Nuxt UI, we can rapidly build our link shortener app with pre-built, high-quality components, aligning with Supabase's motto: "Build in a weekend, scale to millions."

Nuxt is an appealing framework to work with, partly because of its robust module ecosystem. Popular UI libraries, headless CMS tools, and databases can be easily integrated with a single line of code. Among other third-party modules, Nuxt Image, Nuxt Content, and Nuxt UI are some of the official modules developed by the Nuxt team.

I tried a few, and so far the most promising one has been Nuxt UI but it doesn't seem mature enough yet.

tailwindcss is a fairly solid choice. It's quite popular in its own right, NuxtLabs UI was just announced, and if you've got the coin, tailwindui provides some solid templates as well. It's all the same utility classes underneath, so it dovetails fairly decently.

Someone just posted an issue about it: https://github.com/nuxtlabs/ui/issues/178