Находите качественные проекты с открытым исходным кодом, отправляйте проекты анонимно, заявляйте права на свои проекты и редактируйте их.
Немного любопытства. Мир открытого кода.
THE FIRST COLLECTIONPrimer CSS — это реализация системы дизайна Primer от GitHub, распространяемая как npm-пакет @primer/css. Проект предоставляет Sass/SCSS файлы с утилитарными классами и стилями компонентов; сейчас он находится в режиме поддержки (KTLO).
Base Web — это библиотека React-компонентов, реализующая дизайн-систему Base от Uber. Предлагает современные адаптивные UI-компоненты с поддержкой TypeScript и стилизацией на основе Styletron. В настоящее время находится в режиме поддержки.
Dembrandt — open-source CLI для Node.js, который рендерит сайт через Playwright, считывает вычисленные DOM-стили и преобразует цвета, типографику, отступы, границы, тени, анимацию и компоненты в токены W3C. Поддерживает CI-гейты дрейфа и MCP для интеграции с AI-агентами.
Priceline Design System — open-source UI component library и дизайн-стандарт Priceline.com. Предназначен для унификации интерфейсных паттернов, ускорения разработки, поддержки доступности, интернационализации и адаптивного веб-дизайна. Публично доступен как npm-пакет pcln-design-system со Storybook-документацией под лицензией MIT.
Chromatic — это инструмент сборки для управления кроссплатформенными дизайн-системами на основе файлов дизайн-токенов. Он поддерживает выражения, темы, YAML/JSON и генерирует Sass, CSS, iOS, Android и HTML.
Helsinki Design System (HDS) — открытая дизайн-система от города Хельсинки, включающая доступные React-компоненты, CSS-стили и дизайн-токены, документацию и ресурсы для дизайнеров.
Коллекция из 120 спецификаций дизайна брендов в формате простого текста DESIGN.md, воссозданных на основе реальных сайтов, что позволяет ИИ-агентам генерировать UI в фирменном стиле. Каждый бренд включает реальные цвета, типографику, компоненты и правила, а также автономный файл preview.html.
TW Elements — это библиотека компонентов для Tailwind CSS под лицензией MIT, предлагающая более 500 интерактивных UI-компонентов и 117+ блоков дизайна с поддержкой темной темы и быстрой установкой.
Radix Themes — это открытая библиотека компонентов React, ориентированная на быструю разработку, лёгкое обслуживание и доступность, поддерживаемая WorkOS. В README указаны ссылки на полную документацию, примечания к выпускам, руководство для участников, каналы сообщества и лицензию MIT.
Zag предоставляет независимые от фреймворков headless-конечные автоматы для создания доступных UI-компонентов на JavaScript, с адаптерами для React, Solid, Vue и Svelte, а также API без стилей для создания собственных дизайн-систем.
Ant Design — это UI-язык проектирования корпоративного уровня и библиотека React-компонентов на TypeScript, предлагающая готовые качественные компоненты, ресурсы дизайна, темизацию и интернационализацию.
Курируемая англоязычная коллекция закладок, ресурсов, статей и инструментов по дизайн-системам для разработчиков, охватывающая инструменты дизайна, дизайн-токены, библиотеки паттернов, тестирование компонентов, книги и доклады.
Tinte компилирует дизайн-систему в Agent Plugin: извлекает айдентику, создает SKILL.md и tokens.css, а также проверяет соответствие цветов токенам. Конфигурация также генерирует пресеты shadcn и темы для редакторов.
Welcome UI — дизайн-система с открытым исходным кодом от Welcome to the Jungle (@wttj). Построена на React, TypeScript, Tailwind CSS и Ariakit. Предназначена для создания согласованных веб-интерфейсов.
Better Design — это open-source MCP-сервер и реестр shadcn/ui, предоставляющий AI-агентам дизайн-системы, семантические CSS-токены, принципы UI, сопоставление иконок и правила проверки WCAG.
Radix Primitives — это open-source библиотека низкоуровневых UI-компонентов для создания доступных дизайн-систем и веб-приложений, ориентированная на доступность, кастомизацию и опыт разработчика. Лицензия MIT, поддержка WorkOS.
OpenDesign — open-source desktop приложение, альтернатива Claude Design. Поддерживает 25+ CLI-агентов, генерацию прототипов, слайдов, изображений и видео, экспорт в HTML/PDF/PPTX/MP4.
FAST — это адаптивная интерфейсная система от Microsoft для современного веба, предлагающая легковесный фреймворк для создания стандартизированных веб-компонентов и библиотеку компонентов в стиле Fluent.
