Находите качественные проекты с открытым исходным кодом, отправляйте проекты анонимно, заявляйте права на свои проекты и редактируйте их.
Немного любопытства. Мир открытого кода.
THE FIRST COLLECTIONPriceline 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, предлагающая готовые качественные компоненты, ресурсы дизайна, темизацию и интернационализацию.
Курируемая англоязычная коллекция закладок, ресурсов, статей и инструментов по дизайн-системам для разработчиков, охватывающая инструменты дизайна, дизайн-токены, библиотеки паттернов, тестирование компонентов, книги и доклады.
A collection of seven skill libraries for AI coding agents covering code cleanup, prose editing, parallel agent orchestration, interface design, product feedback, design research, and QA. Works with Claude Code, Cursor, Codex and other agents that read skill files.
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.
daisyUI — это бесплатная библиотека компонентов с открытым исходным кодом для Tailwind CSS. Она предлагает готовые настраиваемые UI-компоненты для использования в HTML, обширную документацию и поддержку сообщества.
Primer 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-агентами.
Storybook — это фронтенд-мастерская для создания, документирования и тестирования UI-компонентов и страниц в изоляции. Она поддерживает множество фреймворков и предлагает аддоны для доступности и интерактивной разработки.
