sira

Inglês | 中文

O SIRA é um sistema de design de código aberto, altamente personalizável e acessível, que atualmente fornece a biblioteca de nomes de classe do componente Tailwindcss.

Nosso objetivo principal é criar um sistema que possa ser usado para criar uma ampla variedade de sites e aplicativos, fornecendo uma experiência de usuário consistente e inclusiva para nossos usuários finais. Além disso, o sistema de design e a biblioteca de componentes devem ser fáceis de usar para desenvolvedores e designers.

• Site - Leia mais sobre Sira.
• Playground - maneira rápida de editar e brincar com Sira em Codepen.

Características

• Personalizável por sua própria marca
• Design de modo claro/escuro
• Componentes do plug -in Tailwindcss

Instalação

Npm

npm install @sira-ui/tailwind

CDN

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/@sira-ui/tailwind/dist/css/styles.css " />
< script src =" https://cdn.tailwindcss.com " > </ script >

Uso

 < button class =" btn solid success " > Success </ button >

Princípio

• Use o compilador PostCSS & Tailwind para converter o código CSS básico com classes Tailwind no plug -in Tailwindcss.
• Use seletor de combinação CSS para organizar a camada de componentes.
• tema colorify por elemento raiz CSS Style Variables e também substituído por cada camada.

Desenvolvimento

Clone o projeto

git clone https://github.com/riazer-lab/sira.git

Vá para o diretório do projeto

 cd sira

Instalar dependências

pnpm install

Inicie o servidor

pnpm run dev

Contribuindo

As contribuições são sempre bem -vindas!

Consulte contributing.md para obter maneiras de começar.

Por favor, siga o code of conduct deste projeto.

Se você tiver idéias de como poderíamos melhorar esse ReadMe ou o projeto em geral, informe -nos ou contribua com alguns!

Empilhe com ♥

Graças a esses projetos a seguir por fornecer dependências e inspirações adicionais que nos ajudam a criar este projeto.

• @riccox/colorify
• Nodejs
• Tailwindcss
• Reagir
• Nextra
• Turborepo
• POSTCSS
• Chroma-js
• Ui Ripple
• Daisyui

Opinião

Se você tiver algum feedback, entre em contato comigo em [email protected]

Mantenedores

• Ricco Xie

Licença

Licença Apache 2.0