sira

Inglés | 中文

SIRA es un sistema de diseño de código abierto, altamente personalizable y accesible, que actualmente proporciona la biblioteca de nombres de la clase de componentes Tailwindcss.

Nuestro objetivo principal es crear un sistema que pueda usarse para crear una amplia variedad de sitios web y aplicaciones, al tiempo que proporciona una experiencia de usuario consistente e inclusiva a nuestros usuarios finales. Además, el sistema de diseño y la biblioteca de componentes deben ser fáciles de usar para desarrolladores y diseñadores.

• Sitio web: lea más sobre Sira.
• Playground: forma rápida de editar y jugar con Sira en CodePen.

Características

• Personalizable por su propia marca
• Diseño de modo claro/oscuro
• Componentes del complemento de las ondas de cola

Instalación

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 >

Principio

• Use el compilador PostCSS y Tailwind para convertir el código CSS básico con clases de viento de cola en Tailwindcss Plugin.
• Use selector de combinación CSS para organizar la capa de componentes.
• Tema Colorifique por las variables de estilo CSS de elementos raíz, y también se anulan por cada capa.

Desarrollo

Clon el proyecto

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

Ir al directorio del proyecto

 cd sira

Instalar dependencias

pnpm install

Iniciar el servidor

pnpm run dev

Que contribuye

¡Las contribuciones siempre son bienvenidas!

Ver contributing.md para las formas de comenzar.

Adhiera code of conduct de este proyecto.

Si tiene ideas sobre cómo podríamos mejorar este readme o el proyecto en general, ¡háganos saber o contribuya algunos!

Pila con ♥

Gracias a estos siguientes proyectos por proporcionar dependencias e inspiraciones adicionales que nos ayudan a crear este proyecto.

• @riccox/colorify
• Nodejs
• Vellón de cola
• Reaccionar
• Nextra
• Turborepo
• Postcss
• croma-js
• UI ondulada
• marina

Comentario

Si tiene algún comentario, comuníquese conmigo a [email protected]

Mantenedores

• Ricco xie

Licencia

Licencia de Apache 2.0