Bem-vindo ao YesTools
Seu projeto Next.js com React, TypeScript e shadcn/ui está pronto para começar!
✓ Next.js 16 com Turbopack
✓ TypeScript configurado
✓ Tailwind CSS + shadcn/ui (54 componentes)
✓ Dark Mode com next-themes
Exemplos de Componentes
Sucesso!
O projeto foi configurado com sucesso. Todos os componentes do shadcn/ui estão disponíveis.
Atenção
Este é um exemplo de alerta com variante destrutiva (vermelha).
Variantes de Botões
Paleta de Cores
Primary
Cor Primária
Primary 80%
Primária Reduzida
Primary 50%
Primária Leve
Secondary
Cor Secundária
Secondary 80%
Secundária Reduzida
Secondary 50%
Secundária Leve
Accent
Destaque
Muted
Silenciado
Destructive
Destrutivo
Card
Card
Exemplos de Uso das Cores
Fundo Primário Leve
Use para destacar seções com a cor primária
Fundo Secundário Leve
Use para seções secundárias e complementares
Fundo de Destaque
Use para chamar atenção para elementos específicos
Fundo Mutado
Use para conteúdo menos importante