Открытый код. Новые возможности.

DesignMD — утилита CLI для извлечения живых дизайн-систем с любого URL: цветов, типографики, отступов, брейкпоинтов и интерактивных состояний с выводом в портативный DESIGN.md, оптимизированный для AI-ассистентов.

CompoMo (@ds-mo/ui) — это независимая от фреймворков библиотека веб-компонентов на Stencil.js с использованием дизайн-токенов TokoMo, включающая адаптеры для Angular, React, Vue и MCP-сервер метаданных.

Коллекция из 120 спецификаций дизайна брендов в формате простого текста DESIGN.md, воссозданных на основе реальных сайтов, что позволяет ИИ-агентам генерировать UI в фирменном стиле. Каждый бренд включает реальные цвета, типографику, компоненты и правила, а также автономный файл preview.html.

Tailgrids — это open-source библиотека React UI компонентов на базе Tailwind CSS, предлагающая более 100 готовых компонентов, UI-блоки, шаблоны, поддержку TypeScript, доступность и темный режим.

Chakra UI — это open-source система компонентов React для быстрого создания доступных веб-приложений и SaaS-продуктов. Она поддерживает Next.js RSC и распространяется под лицензией MIT.

Lightswind UI — это библиотека React-компонентов с документацией на английском языке, распространяемая через CLI. Она предлагает более 160 анимированных доступных компонентов и MCP-сервер для AI-инструментов.

Codex — это дизайн-система Wikimedia, предлагающая компоненты Vue 3 и CSS, дизайн-токены, иконки и сайт документации на VitePress. Она поддерживает интернационализацию и соответствует стандартам доступности WCAG 2.1 AA.

Cloudscape Design System — open-source дизайн-система от AWS для создания интуитивных и доступных UI-компонентов на React. Библиотека включает готовые компоненты, глобальные стили и документацию для масштабируемых веб-приложений.

Skeleton — это адаптивная дизайн-система на базе Tailwind CSS, предоставляющая готовые компоненты для популярных веб-фреймворков, документацию, генератор тем и каналы сообщества.

Ark UI — это headless-библиотека компонентов от команды Chakra UI, предлагающая более 45 доступных UI-примитивов на базе стейт-машин Zag.js с единым API для React, Solid, Vue и Svelte.

Carbon — это open-source система дизайна IBM для продуктов и интерфейсов. Этот monorepo предоставляет библиотеки React и web-компонентов, стили Sass, дизайн-токены, иконки, пиктограммы и инструменты для создания единообразных интерфейсов.

@alifd/next — это настраиваемая библиотека React-компонентов от Alibaba Fusion для корпоративных бэкенд-систем. Она работает в связке с темами Fusion Design, поддерживая установку через npm или браузер и импорт отдельных модулей.

Flowbite — это библиотека UI-компонентов с открытым исходным кодом на базе Tailwind CSS, предлагающая интерактивные элементы с поддержкой RTL, API на vanilla JS, типы TypeScript и привязки для React, Vue, Svelte и Angular.

HeroUI Native — это современная, быстрая и красивая библиотека UI-компонентов для React Native под лицензией Apache-2.0, предлагающая документацию, пример приложения и превью-приложение для тестирования.

designlang — open-source CLI на основе Playwright для извлечения дизайн-системы с живого сайта: токены DTCG, Tailwind, Figma, shadcn, компоненты, анимации, WCAG-аудит и мультиплатформенные эмиттеры.

Arco Design Vue — библиотека UI-компонентов для Vue 3 с поддержкой TypeScript, кастомизацией тем и более чем 60 компонентами из коробки.

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

Библиотека Svelte-компонентов, реализующая open source систему Carbon Design System от IBM: более 90 доступных, полностью типизированных компонентов, пять тем и пакеты иконок, пиктограмм и графиков.

Tinte компилирует дизайн-систему в Agent Plugin: извлекает айдентику, создает SKILL.md и tokens.css, а также проверяет соответствие цветов токенам. Конфигурация также генерирует пресеты shadcn и темы для редакторов.

Bezier React — это монорепозиторий, основным пакетом которого является библиотека React-компонентов для реализации дизайн-системы Bezier, а также пакеты иконок, дизайн-токенов, codemod, плагин Figma и Stylelint.