sira

Английский | 中文

SIRA является открытым исходным исходным кодом, очень настраиваемой и доступной системой проектирования, которая в настоящее время предоставляет библиотеку имени класса компонентов TailWindcss.

Наша основная цель - создать систему, которая может быть использована для создания широкого спектра веб -сайтов и приложений, обеспечивая при этом постоянный и инклюзивный пользовательский опыт для наших конечных пользователей. Кроме того, система проектирования и библиотеки компонентов должна быть проста в использовании для разработчиков и дизайнеров.

• Веб -сайт - Подробнее о Сире.
• Игровая площадка - Быстрый способ редактировать и играть с Сирой в Codepen.

Функции

• Настраивается вашим собственным брендом
• Light/Dark Mode Design
• Компоненты плагина 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 для организации слоя компонентов.
• Цвета темы по root -элементу 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 License 2.0