NuxtUI 3 oficialmente estável

A melhor biblioteca de componentes pro Nuxt (na minha humilde opinião) está com a nova versão 3 estável!

E o melhor, disponível também pro Vue! 💚

Usando Reka UI e Tailwind 4 por baixo dos panos, a nova documentação também fala em um grande foco nas questões de acessibilidade (atributos ARIA automáticos) e navegação pelo teclado mais intuitiva.

Confira aqui todas as atualizações, segundo o blog do Nuxt.

Nova Abordagem

O Nuxt UI v3 foi reconstruído do zero, utilizando tecnologias mais modernas. A transição do HeadlessUI para Reka UI traz melhorias como:

• Navegação por teclado melhorada em componentes interativos;
• Atributos ARIA automáticos;
• Componentes compatíveis com leitores de tela.

Essas melhorias facilitam a construção de aplicações acessíveis.

Integração com Tailwind v4

O NuxtUI agora usa o Tailwind na versão 4

• Execução mais rápida com renderização otimizada;
• Tempos de build reduzidos, devido ao novo mecanismo CSS-first;
• Tamanhos de bundle menores com estilos mais eficientes.

Essas otimizações tornam as aplicações mais ágeis e responsivas.

Compatibilidade com Vue

Agora, o Nuxt UI e Nuxt UI Pro podem ser usados em qualquer projeto Vue. Isso permite:

• Utilizar os mesmos componentes em projetos Vue e Nuxt;
• Aplicar o sistema de theming do NuxtUI em qualquer aplicação Vue;
• Aproveitar auto-imports e suporte ao TypeScript fora do Nuxt;

Os componentes podem ser usados diretamente ou personalizados.

Integração com TypeScript

A nova versão melhora a experiência com TypeScript:

• Segurança de tipos com autocomplete melhorado;
• Componentes baseados em genéricos, permitindo APIs mais flexíveis;