Находите качественные проекты с открытым исходным кодом, отправляйте проекты анонимно, заявляйте права на свои проекты и редактируйте их.
Немного любопытства. Мир открытого кода.
THE FIRST COLLECTIONDesign Oracle анализирует веб-сайты с помощью Playwright для извлечения дизайн-системы (цвета, типографика, компоненты) и экспортирует конфигурации Tailwind v4, React JSX, JSON-токены или отчет DESIGN.md. Работает автономно или как MCP-сервер для ИИ-агентов.
Saas UI — это дизайн-система и реестр компонентов для SaaS-продуктов на базе Chakra UI, предоставляющая пресет, CLI для установки компонентов, хуки, формы и документацию.
Primer CSS — это реализация системы дизайна Primer от GitHub, распространяемая как npm-пакет @primer/css. Проект предоставляет Sass/SCSS файлы с утилитарными классами и стилями компонентов; сейчас он находится в режиме поддержки (KTLO).
Panda — это универсальный, типобезопасный CSS-in-JS фреймворк для дизайн-систем. Он извлекает стили во время сборки, генерирует современный CSS с каскадными слоями и переменными, поддерживает рецепты и варианты.
MCP-сервер, предоставляющий экспертные знания по дизайну и маркетингу для ИИ-агентов, включая UI/UX, SEO, GEO и руководства для web, iOS, Android и macOS.
Franken UI (franken-ui/ui) — это HTML-first библиотека UI-компонентов на базе UIkit 3 и LitElement, вдохновленная shadcn/ui. Текущий README содержит только уведомление о переезде на 0build.
Braid — это настраиваемая дизайн-система SEEK Group, распространяемая как библиотека компонентов React. Она включает темы, BraidProvider и компоненты на Vanilla Extract с руководством по настройке для проектов sku.
Priceline Design System — open-source UI component library и дизайн-стандарт Priceline.com. Предназначен для унификации интерфейсных паттернов, ускорения разработки, поддержки доступности, интернационализации и адаптивного веб-дизайна. Публично доступен как npm-пакет pcln-design-system со Storybook-документацией под лицензией MIT.
oh-my-design устанавливает ссылки на системы дизайна и навыки в ИИ‑агенты для программирования. Одна команда добавляет более 440 ссылок на дизайн компаний, 28 навыков и 20 специализированных ролей в Claude Code, Codex, Cursor и OpenCode. Генерирует портативный DESIGN.md с философией, токенами и контрактами компонентов.
Легкая, модульная и настраиваемая дизайн-система на чистом CSS, использующая CSS-переменные, принципы mobile-first и стандарты доступности. Включает примеры, дизайн-токены, скрипты сборки и линтинга, а также готовый CSS-файл для CDN.
Helsinki Design System (HDS) — открытая дизайн-система от города Хельсинки, включающая доступные React-компоненты, CSS-стили и дизайн-токены, документацию и ресурсы для дизайнеров.
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, предоставляющая готовые компоненты для популярных веб-фреймворков, документацию, генератор тем и каналы сообщества.
