หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

ภาษาอังกฤษ | 中文

SIRA เป็นระบบการออกแบบโอเพนซอร์สที่ปรับแต่งได้สูงและสามารถเข้าถึงได้ซึ่งปัจจุบันมีไลบรารีชื่อคลาสส่วนประกอบของ TailWindCSS

เป้าหมายหลักของเราคือการสร้างระบบที่สามารถใช้ในการสร้างเว็บไซต์และแอพที่หลากหลายในขณะที่มอบประสบการณ์ผู้ใช้ที่สอดคล้องและครอบคลุมให้กับผู้ใช้ของเรา นอกจากนี้ระบบการออกแบบและไลบรารีส่วนประกอบควรใช้งานง่ายสำหรับนักพัฒนาและนักออกแบบ

  • เว็บไซต์ - อ่านเพิ่มเติมเกี่ยวกับ Sira
  • สนามเด็กเล่น - วิธีที่รวดเร็วในการแก้ไขและเล่นกับ Sira ใน Codepen

คุณสมบัติ

  • ปรับแต่งได้โดยแบรนด์ของคุณเอง
  • การออกแบบโหมดแสง/มืด
  • ส่วนประกอบปลั๊กอิน 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 เพื่อแปลงรหัส 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
  • tailwindcss
  • ตอบโต้
  • Nextra
  • เครื่องขุ่น
  • postcss
  • Chroma-JS
  • Ripple UI
  • daisyui

ข้อเสนอแนะ

หากคุณมีข้อเสนอแนะใด ๆ โปรดติดต่อฉันที่ [email protected]

ผู้ดูแล

  • Ricco Xie

ใบอนุญาต

ใบอนุญาต Apache 2.0

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด