kickstartDS — стартовый набор с открытым исходным кодом и инструментарий пользовательского интерфейса следующего поколения для систем проектирования это фреймворк с низким кодом с открытым исходным кодом, инструментарий разработки пользовательского интерфейса и всеобъемлющая библиотека компонентов, которая помогает цифровым командам быстро создавать согласованные, совместимые с брендом веб-интерфейсы. Он сочетает в себе руководство системой проектирования, многоразовые компоненты, токены и интеграции для ускорения фронтендной работы, оставаясь при этом фреймворком-агностиком или легко расходуемым в качестве готовых к использованию компонентов React. Он подчеркивает владение, производительность, доступность и модульный подход к разработке и развертыванию системы проектирования.
Ключевое ценностное предложение
- Создание, поддержка и масштабирование системы проектирования с минимальным блокировкой поставщика
- Собственная система дизайна и весь код, который вы строите на основе kickstartDS
- Быстрые, легкие компоненты с дизайнерскими токенами и надежной системой токенов
- Фреймворк-гибкий: семантический HTML, CSS-модули и ES6 JavaScript; может использоваться с любым фреймворком или отдельным
- Готовые к использованию стартеры CMS и варианты развертывания для мгновенного создания сайта
- Доступный по умолчанию, оптимизированный для производительности и адаптивного дизайна
- Богатые возможности интеграции с современными веб-стеками и популярными CMS / безголовыми инструментами CMS
Как это работает
- Выберите подход Design System с готовыми компонентами и дизайнерскими токенами
- Подключитесь к вашему предпочтительному веб-стеку или стартерам CMS (компоненты, готовые к использованию в книгах, API GraphQL и т. Д.)
- Быстро развертывайте производство с открытым исходным кодом и минимальной блокировкой поставщика
- Используйте руководство Tale-like от Консьержа системы проектирования и Storybook, чтобы обеспечить согласованность между командами
Компоненты системы проектирования и токены
- 26 компонентов как прочные строительные блоки для надежной конструкции пользовательского интерфейса
- 250 свойств, которые кодируют практические решения для повседневных задач проектирования
- 500 токенов, включая цвета, шрифты, размеры и иконографию для настройки
- Семантический HTML, CSS модули и ES6 JavaScript для универсальности фреймворка
- Готовые к использованию компоненты React непосредственно в вашей кодовой базе
- Токены системы проектирования и темы, управляемые токенами, для согласованной тематики между продуктами
Системные услуги проектирования и интеграции
- Услуги системы проектирования, чтобы оценить, нужна ли вам система проектирования и выровнять фронтенд-каталоги с компонентами kickstartDS
- Интеграции с Storyblok, Netlify Create, Sanity Studio, WordPress, GraphQL API и многое другое для CMS-управляемых или статических сайтов
- SSR- и ESM-совместимая архитектура для современного развертывания
- Доступ к модулю контента и семи компонентам для создания контента
Как использовать
- Начните с CMS Starters, чтобы подключить источники контента и быстро развернуть
- Просмотр компонентов и токенов для сборки вашего пользовательского интерфейса
- Используйте Storybook для обеспечения выравнивания по отзывчивым сценариям
- Используйте консьерж системы проектирования для экспертных рекомендаций и стратегий принятия
Безопасность и лучшие практики
- Открытый исходный код с прозрачным владением и отсутствием блокировки поставщика
- Предназначен для доступности (вдохновленные WCAG практики) и навигации по клавиатуре
- Сосредоточьтесь на производительности с легким временем выполнения и модульным дизайном
Основные характеристики
- Open Source Starter Kit для систем проектирования
- Инструментарий разработки UI с низким кодом с всеобъемлющей библиотекой компонентов
- Framework-agnostic: семантический HTML, CSS-модули и ES6 JavaScript; компоненты, готовые к реагированию
- Разработка системы токенов для последовательной тематики
- 26 основных компонентов пользовательского интерфейса и 250 свойств компонентов
- 500+ дизайнерских жетонов, охватывающих цвета, шрифты, размеры и иконки
- Внешние стартеры CMS и варианты развертывания
- Интеграция Storybook для разработки, основанной на дизайн-системе
- Доступность первая и высокая производительность по умолчанию
- Богатые интеграции с популярными CMS, хостингом и инструментами API
- Консьерж системы проектирования для руководства и поддержки принятия
