UNPKG

aurea-ui

Version:

Vue 3 component library focused on accessibility and design

100 lines (66 loc) 2.4 kB
# 🌟 Bem-vindo ao Aurea UI **Aurea UI** é uma biblioteca de componentes moderna, acessível e responsiva desenvolvida com **Vue 3**, **TypeScript** e **SCSS**. Criada para entregar interfaces elegantes com foco em **usabilidade**, **acessibilidade** e **personalização**, a Aurea UI é ideal para equipes que desejam escalar produtos digitais com consistência visual e excelente experiência do usuário. --- ## ✨ Recursos principais - ✏️ Design elegante, minimalista e responsivo - 🌍 Acessibilidade AA (WCAG) incorporada por padrão - 🪤 Componentes escritos com Composition API e tipagem forte - 🌎 Estilo com SCSS e suporte total à customização via variáveis - Integração com Figma e tokens visuais compatíveis - ⚙️ Documentação interativa via Storybook --- ## 🚀 Instalação ### 1. Requisitos - Node.js 18+ - Vue 3 - Vite (recomendado) - Pinia (recomendado) - Font Awesome (para ícones) ### 2. Instalando a Aurea UI ```bash npm install aurea-ui ``` ou ```bash yarn add aurea-ui ``` ### 3. Registrando os componentes globalmente ```ts // main.ts import { createApp } from 'vue' import App from './App.vue' import AureaUI from 'aurea-ui' import 'aurea-ui/dist/index.css' import '@fortawesome/fontawesome-free/css/all.min.css' app.use(createPinia()) app.use(AureaUI) app.mount('#app') ``` --- ## 📃 Documentação no Storybook Explore nossa [documentação interativa](https://aurea-ui.netlify.app/?path=/docs/comece-com-aurea-ui--docs) para: - Visualizar os componentes com diferentes estados - Ver exemplos práticos e código de uso - Testar a acessibilidade e responsividade - Ler descrições completas e dicas de uso --- ## 🤝 Contribuição | Plataforma | Link | | ---------- | ---------------------------------------------------------------------------------- | | 💻 GitHub | [github.com/devmatheusfaria/Aurea-UI](https://github.com/devmatheusfaria/Aurea-UI) | Contribuições são bem-vindas! Crie um fork, envie um PR ou participe das discussões. --- ## 🧪 Desenvolvimento ```sh npm install ``` ### Executar em ambiente de desenvolvimento ```sh npm run storybook ``` ### Verificar tipos e gerar build de produção ```sh npm run build ``` --- > Feito por Matheus Faria, que acredita em acessibilidade e design centrado no usuário.