Fluidity UI

Fluidity UI é uma biblioteca de componentes Aesthetic-First construída com Next.js, Tailwind CSS e Framer Motion. Focada em interfaces modernas, animações suaves e alta performance.

✨ Características

• 🎨 Estética Premium: Componentes desenhados para impressionar.
• 🚀 CLI Poderosa: Instale e adicione componentes diretamente no seu projeto.
• 📱 Responsivo: Design adaptável para qualquer dispositivo.
• ⚡ Performance: Otimizado para Core Web Vitals.
• 🌑 Dark Mode: Suporte nativo a temas claro e escuro.

🛠️ CLI do Fluidity UI

A maneira mais rápida de começar a usar o Fluidity UI é através da nossa linha de comando.

1. Inicializar o projeto

Configure seu projeto para usar os componentes da Fluidity UI:

npx fluidity-ui init

2. Adicionar componentes

Escolha um componente e adicione-o instantaneamente:

npx fluidity-ui add [component-name]

🚀 Desenvolvimento Local

Se você deseja contribuir ou testar os componentes no ambiente de desenvolvimento:

# Instalar dependências
npm install

# Rodar o servidor de desenvolvimento
npm run dev

Abra http://localhost:3000 no seu navegador.

📚 Tecnologias Utilizadas

• Next.js 15+ (App Router)
• Tailwind CSS v4
• Framer Motion
• Lucide React (Ícones)
• Radix UI (Primitivos de acessibilidade)

📖 Documentação

Para mais detalhes sobre cada componente e guias de instalação, visite nossa Página de Documentação.

Criado com foco em detalhes e paixão por UI.