Слияние кода завершено, страница обновится автоматически
Современная, полная и гибкая система дизайна и библиотека UI. Направлена на интеграцию DesignOps и DevOps для быстрого создания красивых приложений на React.
npm install @douyinfe/semi-ui
Это пример быстрого старта:
import React from 'react';
import { createRoot } from 'react-dom/client';
import { Button, Form } from '@douyinfe/semi-ui';
const App = () => (
<Form>
<Form.Input field="name" initValue="semi design"></Form.Input>
<Button htmlType="submit">Отправить</Button>
</Form>
);
const root = createRoot(document.querySelector("#app"));
root.render(<App />);
Официальный сайт Semi UI предлагает тысячи примеров с возможностью реального времени отладки, приветствуем ваше использование.
Установите плагин Semi Figma Plugin. В течение нескольких секунд Figma будет преобразован в реальный код фронтенд, поддерживаются различные форматы генерации кода: JSX + SCSS / Emotion/Tailwind, JSON Schema DSL
Основываясь на Semi UI создайте ваш уникальный дизайн-систему, предоставляющую до 3000+ токенов, позволяющих вам определять каждую деталь. И всегда поддерживайте синхронизацию между Figma и магазином тем.
Semi UI поддерживает все основные браузеры.|
Chrome|
Firefox|
Safari|
IE/Edge|
Electron|
|--|--|--|--|--|
| Последние 2 версии | Последние 2 версии | Последние 2 версии | Edge | Последние 2 версии |
Присоединиться к группе в Feishu можно здесь.
Благодарим Chromatic за предоставление платформы для визуализации тестов, которая помогает нам проверять изменения UI и обеспечивать визуальное регрессионное тестирование.
Благодарим Cypress за предоставление инструмента для end-to-end тестирования.
Благодарим VisActor за предоставление решений для визуализации данных.
Semi Design приглашает участников сообщества принять участие в совместной работе над проектом. Мы благодарим каждого участника за его вклад.
Semi UI использует лицензию MIT.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )