🌟 Single-UI React

Biblioteca moderna de componentes React construída com Vite + TypeScript

👀 Veja os componentes ao vivo

www.single-ui.com

Acesse o site para explorar todos os componentes interativos com exemplos de código, dark mode, temas e props.

✨ Características

• ⚛️ React 19 - Componentes modernos com hooks
• 📝 TypeScript - Tipagem completa
• ⚡ Vite - Build rápido e HMR
• 🎨 CSS Puro - Sem dependências de frameworks
• 🌓 Dark Mode - Suporte nativo
• 🎭 Máscaras - 7 tipos integrados (BRL, USD, CPF, CNPJ, etc)
• 📅 DatePicker / DateRangePicker - Seleção de datas com navegação completa
• 🎯 Tree-shakeable - Importe apenas o que usa
• ♿ Acessível - Seguindo padrões WCAG

📦 Instalação

npm install @single-ui/react

ou

yarn add @single-ui/react

ou

pnpm add @single-ui/react

🚀 Uso Rápido

1. Importe os estilos

import '@single-ui/react/styles';

2. Use os componentes

import { Button, Input, Card } from '@single-ui/react';

function App() {
  return (
    <div>
      <Button variant="primary" onClick={() => alert('Clicou!')}>
        Clique aqui
      </Button>

      <Input
        label="CPF"
        mask="cpf"
        placeholder="000.000.000-00"
        onChange={(value) => console.log(value)}
      />

      <Card title="Meu Card" bordered>
        Conteúdo do card
      </Card>
    </div>
  );
}

📚 Componentes

Para documentação completa com demos interativos, acesse www.single-ui.com.

🛠️ Desenvolvimento

git clone https://github.com/DuuhNog/single-ui.git
cd single-ui
npm install
npm run dev       # showcase em http://localhost:5173
npm run build     # gera dist/
npm test          # roda os testes

🤝 Contribuindo

Achou um bug ou tem uma ideia? Abre uma issue ou PR que a gente olha na sequência. Feito de dev para dev.

📄 Licença

MIT © Eduardo Nogueira - EN Technology Ltda