Helsinki Design System (HDS) — открытая дизайн-система от города Хельсинки, включающая доступные React-компоненты, CSS-стили и дизайн-токены, документацию и ресурсы для дизайнеров.
Открытый код. Новые возможности.
Находите качественные проекты с открытым исходным кодом, отправляйте проекты анонимно, заявляйте права на свои проекты и редактируйте их.
Немного любопытства. Мир открытого кода.
THE FIRST COLLECTIONCompoMo (@ds-mo/ui) — это независимая от фреймворков библиотека веб-компонентов на Stencil.js с использованием дизайн-токенов TokoMo, включающая адаптеры для Angular, React, Vue и MCP-сервер метаданных.
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. Библиотека включает готовые компоненты, глобальные стили и документацию для масштабируемых веб-приложений.
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, предлагающая документацию, пример приложения и превью-приложение для тестирования.
Arco Design Vue — библиотека UI-компонентов для Vue 3 с поддержкой TypeScript, кастомизацией тем и более чем 60 компонентами из коробки.
Курируемая англоязычная коллекция закладок, ресурсов, статей и инструментов по дизайн-системам для разработчиков, охватывающая инструменты дизайна, дизайн-токены, библиотеки паттернов, тестирование компонентов, книги и доклады.
Библиотека Svelte-компонентов, реализующая open source систему Carbon Design System от IBM: более 90 доступных, полностью типизированных компонентов, пять тем и пакеты иконок, пиктограмм и графиков.
Bezier React — это монорепозиторий, основным пакетом которого является библиотека React-компонентов для реализации дизайн-системы Bezier, а также пакеты иконок, дизайн-токенов, codemod, плагин Figma и Stylelint.
Welcome UI — дизайн-система с открытым исходным кодом от Welcome to the Jungle (@wttj). Построена на React, TypeScript, Tailwind CSS и Ariakit. Предназначена для создания согласованных веб-интерфейсов.
GlassKit — это библиотека CSS-компонентов без зависимостей в стиле глассморфизма, вдохновленная iOS 26 Liquid Glass. Она включает темы, дизайн-токены, утилитарные классы и Constructable Stylesheet для Shadow DOM.
Claude-скилл для аудита и создания дизайн-систем Figma: режим inspect (WCAG, токен-комплаенс, интерактивные состояния) и режим build с шестифазным workflow для генерации компонентов, слотов, токенов и AI-правил.
daisyUI — это бесплатная библиотека компонентов с открытым исходным кодом для Tailwind CSS. Она предлагает готовые настраиваемые UI-компоненты для использования в HTML, обширную документацию и поддержку сообщества.