Открытый код. Новые возможности.

Helsinki Design System (HDS) — открытая дизайн-система от города Хельсинки, включающая доступные React-компоненты, CSS-стили и дизайн-токены, документацию и ресурсы для дизайнеров.

GitHub Dark — проект пользовательских стилей от StylishThemes, внедряющий тёмную тему в интерфейс GitHub для снижения нагрузки на глаза. Поддерживает подсветку синтаксиса (Dracula, Monokai и др.) для GitHub, CodeMirror и Jupyter, совместим с расширениями Stylus, Cascadea и множеством инструментов вроде Refined GitHub.

Material Design for Bootstrap — бесплатный UI-набор с 700+ компонентами, темами и шаблонами для создания адаптивных сайтов. Доступен для jQuery, Angular, React и Vue под лицензией MIT.

Коллекция из 120 спецификаций дизайна брендов в формате простого текста DESIGN.md, воссозданных на основе реальных сайтов, что позволяет ИИ-агентам генерировать UI в фирменном стиле. Каждый бренд включает реальные цвета, типографику, компоненты и правила, а также автономный файл preview.html.

TW Elements — это библиотека компонентов для Tailwind CSS под лицензией MIT, предлагающая более 500 интерактивных UI-компонентов и 117+ блоков дизайна с поддержкой темной темы и быстрой установкой.

Anime.js — это быстрая и легкая JavaScript-библиотека для анимации с мощным API для работы со свойствами CSS, SVG, атрибутами DOM и объектами JavaScript.

Репозиторий-каталог CSS-фреймворков 2026 года, структурированный по категориям: базовые сбросы, безклассовые, легковесные, универсальные (Bootstrap, Bulma), Material Design, утилитарные (Tailwind) и специализированные решения.

Flowbite — это библиотека UI-компонентов с открытым исходным кодом на базе Tailwind CSS, предлагающая интерактивные элементы с поддержкой RTL, API на vanilla JS, типы TypeScript и привязки для React, Vue, Svelte и Angular.

Font Awesome — широко используемая библиотека иконок и инструментарий, предоставляющий ресурсы в формате SVG, шрифтов и CSS для дизайнеров и разработчиков. Текущей актуальной версией является 7.

designlang — open-source CLI на основе Playwright для извлечения дизайн-системы с живого сайта: токены DTCG, Tailwind, Figma, shadcn, компоненты, анимации, WCAG-аудит и мультиплатформенные эмиттеры.

Веб-галерея, созданная для демонстрации произведений в стиле pixel art.

Tabler — это бесплатный UI-кит для HTML-дашбордов на базе Bootstrap 5 с открытым исходным кодом (MIT), предлагающий готовые макеты, компоненты и более 120 демо-страниц с поддержкой темной темы и RTL.

Курируемая англоязычная коллекция закладок, ресурсов, статей и инструментов по дизайн-системам для разработчиков, охватывающая инструменты дизайна, дизайн-токены, библиотеки паттернов, тестирование компонентов, книги и доклады.

Metis — бесплатный шаблон админ-панели на Bootstrap 5 с лицензией MIT, созданный на Alpine.js, Vite и SCSS. Включает адаптивные дашборды, управление пользователями/товарами/заказами, календарь, сообщения, отчёты, настройки, страницы аутентификации и ошибок, а также тёмную/светлую темы и автономную настройку ассетов.

Oruga — лёгкая библиотека UI-компонентов для Vue.js 3 без зависимости от CSS-фреймворков. Поддерживает кастомизацию через маппинг классов, дерево-пошаговый сбор, темы и интеграцию с Tailwind, Bulma, Bootstrap.

brandmd — это CLI-инструмент, который извлекает дизайн-систему веб-сайта в файл DESIGN.md, соответствующий спецификации @google/design.md, предоставляя контекст бренда для Claude Code, Cursor и других ИИ-агентов.

Webcore UI — это библиотека компонентов с открытым исходным кодом для Astro, Svelte и React. Она использует Sass для стилизации и предлагает настраиваемые компоненты, блоки, шаблоны, CLI, темы и CSS-переменные.

GlassKit — это библиотека CSS-компонентов без зависимостей в стиле глассморфизма, вдохновленная iOS 26 Liquid Glass. Она включает темы, дизайн-токены, утилитарные классы и Constructable Stylesheet для Shadow DOM.

Morphous — статический каталог дизайн-систем, вдохновлённых природой, созданный на TanStack Start. Публикует мотивные ассеты, светлые и тёмные доски, записанные промпты и экспорты тем, совместимые с shadcn/tweakcn.

Yeti — это CSS-first, zero-build фреймворк для вёрстки и стилизации, предназначенный для веб-дизайнеров, преемник Foundation for Sites. Он использует современные нативные CSS-возможности, именованные примитивы раскладки и единую шкалу токенов, с доступными компонентами и машиночитаемым манифестом для агентов. Сейчас в версии 7.0.0-alpha.