sira

영어 | 中文

SIRA는 현재 TailWindcss 구성 요소 클래스 이름 라이브러리를 제공하는 오픈 소스, 고도로 사용자 정의 가능하고 접근 가능한 설계 시스템입니다.

우리의 주요 목표는 다양한 웹 사이트 및 앱을 구축하는 데 사용될 수있는 시스템을 만드는 동시에 최종 사용자에게 일관되고 포괄적 인 사용자 경험을 제공하는 것입니다. 또한 디자인 시스템 및 구성 요소 라이브러리는 개발자와 디자이너에게 쉽게 사용할 수 있어야합니다.

• 웹 사이트 - SIRA에 대해 자세히 알아보십시오.
• Playground- Codepen에서 Sira를 편집하고 플레이하는 빠른 방법.

특징

• 자신의 브랜드로 사용자 정의 할 수 있습니다
• 명이트/다크 모드 디자인
• Tailwindcss 플러그인 구성 요소

설치

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 >

용법

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

원칙

• Postcss & Tailwind Compiler를 사용하여 기본 CSS 코드를 Tailwind 클래스와 함께 Tailwindcss 플러그인으로 변환하십시오.
• CSS 조합 선택기를 사용하여 구성 요소 계층을 구성하십시오.
• 테마 색상은 루트 요소 CSS 스타일 변수별로 채색하고 각 레이어에 의해 초과됩니다.

개발

프로젝트를 복제하십시오

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

프로젝트 디렉토리로 이동하십시오

 cd sira

종속성을 설치하십시오

pnpm install

서버를 시작하십시오

pnpm run dev

기여

기부금은 항상 환영합니다!

시작 방법은 contributing.md 참조하십시오.

이 프로젝트의 code of conduct 준수하십시오.

이 readme 또는 일반적으로 프로젝트를 개선 할 수있는 방법에 대한 아이디어가 있다면, 우리에게 알려 주거나 기여하십시오!

♥

이 프로젝트를 만드는 데 도움이되는 추가 의존성 및 영감을 제공하기위한 이러한 다음 프로젝트 덕분 에이 프로젝트를 만들 수 있습니다.

• @riccox/colorify
• nodejs
• 테일 윈드 스
• 반응
• 넥스트라
• 터보 로포
• Postcss
• 크로마 -JS
• Ripple UI
• Daisyui

피드백

피드백이 있으시면 [email protected]으로 저에게 연락하십시오.

관리자

• Ricco Xie

특허

아파치 라이센스 2.0