Ambiente Moderno para o Site Institucional
Estrutura rápida, acessível e flexível construída com Vue 3, Nuxt, Tailwind CSS e componentes shadcn-vue baseados em Reka UI.
Recursos Integrados
Tudo o que você precisa para desenvolver interfaces corporativas com alta performance.
Nuxt 3 + Vite
SSR, SSG e Hydration otimizados
Renderização no servidor de alto desempenho com suporte total a TypeScript, auto-imports e ecossistema de módulos Nuxt.
Tailwind CSS & Temas
CSS Variables para Modo Claro/Escuro
Tokens de cor HSL dinâmicos integrados com @nuxtjs/color-mode para alternância de tema fluida.
shadcn-vue Primitives
Acessibilidade WAI-ARIA com Reka UI
Componentes de código aberto que você possui, estilizados com Tailwind CSS e totalmente customizáveis.
Galeria de Componentes shadcn/ui
Exemplos interativos dos componentes primitivos instalados.
Variantes de Botão
Estilos e estados de botão pré-configurados
Badges & Avatars
Indicadores visuais e avatares de usuário
Eduardo Machado
SEPLAN Roraima
Campos de Entrada (Input)
Inputs com binding reativo
Valor em tempo real: (vazio)
Menu Suspenso (Dropdown)
Menu interativo com atalhos e separadores
Estrutura Modular e Escalável
Você pode adicionar novos componentes a qualquer momento executando:
# Adicionar novos componentes shadcn-vue:
pnpm dlx shadcn-vue@latest add dialog sheet popover select