Находите качественные проекты с открытым исходным кодом, отправляйте проекты анонимно, заявляйте права на свои проекты и редактируйте их.
Немного любопытства. Мир открытого кода.
THE FIRST COLLECTIONLightswind 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.
Welcome UI — дизайн-система с открытым исходным кодом от Welcome to the Jungle (@wttj). Построена на React, TypeScript, Tailwind CSS и Ariakit. Предназначена для создания согласованных веб-интерфейсов.
System Design Primer — это открытый учебный ресурс для изучения масштабируемой архитектуры и подготовки к собеседованиям по проектированию систем: структурированные материалы, разобранные задачи и карточки Anki.
brandmd — это CLI-инструмент, который извлекает дизайн-систему веб-сайта в файл DESIGN.md, соответствующий спецификации @google/design.md, предоставляя контекст бренда для Claude Code, Cursor и других ИИ-агентов.
GlassKit — это библиотека CSS-компонентов без зависимостей в стиле глассморфизма, вдохновленная iOS 26 Liquid Glass. Она включает темы, дизайн-токены, утилитарные классы и Constructable Stylesheet для Shadow DOM.
Claude-скилл для аудита и создания дизайн-систем Figma: режим inspect (WCAG, токен-комплаенс, интерактивные состояния) и режим build с шестифазным workflow для генерации компонентов, слотов, токенов и AI-правил.
