sira

Bahasa Inggris | 中文

SIRA adalah sistem desain open source, sangat dapat disesuaikan dan dapat diakses, yang saat ini menyediakan pustaka nama kelas komponen TailwindCSS.

Tujuan utama kami adalah membuat sistem yang dapat digunakan untuk membangun berbagai situs web dan aplikasi, sambil memberikan pengalaman pengguna yang konsisten dan inklusif kepada pengguna akhir kami. Selain itu, sistem desain dan pustaka komponen harus mudah digunakan untuk pengembang dan desainer.

• Situs web - Baca lebih lanjut tentang SIRA.
• Playground - Cara Cepat untuk Mengedit & Bermain Dengan Sira di Codepen.

Fitur

• Dapat disesuaikan dengan merek Anda sendiri
• Desain mode terang/gelap
• Komponen plugin tailwindcss

Instalasi

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 >

Penggunaan

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

Prinsip

• Gunakan PostCSS & Tailwind Compiler untuk mengonversi kode CSS dasar dengan kelas tailwind ke plugin tailwindcss.
• Gunakan pemilih kombinasi CSS untuk mengatur lapisan komponen.
• Tema Colorify oleh root elemen variabel gaya CSS, dan juga ditinggalkan oleh setiap lapisan.

Perkembangan

Klon proyek

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

Pergi ke Direktori Proyek

 cd sira

Instal dependensi

pnpm install

Mulai server

pnpm run dev

Berkontribusi

Kontribusi selalu diterima!

Lihat contributing.md untuk cara memulai.

Harap patuhi code of conduct proyek ini.

Jika Anda memiliki ide untuk bagaimana kami dapat meningkatkan readme ini atau proyek secara umum, beri tahu kami atau berkontribusi beberapa!

Tumpuk dengan ♥

Berkat proyek berikut ini untuk memberikan ketergantungan & inspirasi tambahan yang membantu kami membuat proyek ini.

• @riccox/colorify
• NodeJS
• Tailwindcss
• Bereaksi
• Nextra
• Turborepo
• PostCSS
• Chroma-js
• UI Riak
• Daisyui

Masukan

Jika Anda memiliki umpan balik, hubungi saya di [email protected]

Pemelihara

• Ricco Xie

Lisensi

Lisensi Apache 2.0