Storybook — это фронтенд-мастерская для создания, документирования и тестирования UI-компонентов и страниц в изоляции. Она поддерживает множество фреймворков и предлагает аддоны для доступности и интерактивной разработки.
Открытый код. Новые возможности.
Находите качественные проекты с открытым исходным кодом, отправляйте проекты анонимно, заявляйте права на свои проекты и редактируйте их.
Немного любопытства. Мир открытого кода.
THE FIRST COLLECTIONPriceline Design System — open-source UI component library и дизайн-стандарт Priceline.com. Предназначен для унификации интерфейсных паттернов, ускорения разработки, поддержки доступности, интернационализации и адаптивного веб-дизайна. Публично доступен как npm-пакет pcln-design-system со Storybook-документацией под лицензией MIT.
Headless UI предоставляет полностью нестилизованные и доступные UI-компоненты для React и Vue, разработанные для интеграции с Tailwind CSS. Документация доступна на headlessui.com.
Обширная коллекция из более чем 6 100 бесплатных высококачественных SVG-иконок с лицензией MIT, разработанных на сетке 24x24 для веб-проектов.
Next.js — это open-source фреймворк React от Vercel для создания full-stack веб-приложений. Он расширяет возможности React и использует инструменты на Rust для ускорения сборки.
kampsy/ui — библиотека UI-компонентов для Svelte 5, вдохновлённая дизайн-системой Vercel Geist. Предназначена для создания единообразных веб-интерфейсов. Распространяется под лицензией MIT, доступна онлайн-документация на ui.kampsy.xyz.
Recharts — это open-source библиотека графиков для React на базе D3. Она предлагает декларативные компоненты с рендерингом в SVG, минимальными зависимостями и установкой через npm, Deno или UMD.
HeroUI (ранее NextUI) — это готовая к продакшену библиотека компонентов React, сочетающая доступность React Aria с Tailwind CSS v4. Она предлагает составные компоненты, отдельные пакеты и инструменты для ИИ, такие как MCP-сервер и llms.txt.
Vant — это легковесная и настраиваемая библиотека UI-компонентов Vue для мобильных веб-приложений, предлагающая более 80 компонентов без сторонних зависимостей с поддержкой TypeScript, Vue 2/3, Nuxt, SSR, темного режима и i18n.
Magic UI — это библиотека UI с открытым исходным кодом, предоставляющая анимированные компоненты и эффекты, которые инженеры по дизайну могут копировать и вставлять в свои приложения.
Preact — это легковесная JavaScript-библиотека для создания пользовательских интерфейсов, предлагающая совместимый с React API с компонентами и виртуальным DOM в очень маленьком пакете.
Tailgrids — это open-source библиотека React UI компонентов на базе Tailwind CSS, предлагающая более 100 готовых компонентов, UI-блоки, шаблоны, поддержку TypeScript, доступность и темный режим.
MudBlazor — это фреймворк компонентов Material Design для Blazor, написанный полностью на C# с минимумом JavaScript. Он помогает .NET-разработчикам быстро создавать веб-приложения без необходимости работы с CSS.
Vuestic UI — это библиотека компонентов Vue 3 с лицензией MIT от Epicmax, предлагающая доступные компоненты интерфейса, документацию, интеграции с Nuxt и Tailwind, а также команду CLI для быстрого развертывания проектов.
Cloudscape Design System — open-source дизайн-система от AWS для создания интуитивных и доступных UI-компонентов на React. Библиотека включает готовые компоненты, глобальные стили и документацию для масштабируемых веб-приложений.
Cult UI — это коллекция доступных и настраиваемых компонентов под лицензией MIT, созданная с использованием Tailwind CSS и совместимая с shadcn, включающая паттерны для AI-агентов и шаблоны.
Skeleton — это адаптивная дизайн-система на базе Tailwind CSS, предоставляющая готовые компоненты для популярных веб-фреймворков, документацию, генератор тем и каналы сообщества.
Ark UI — это headless-библиотека компонентов от команды Chakra UI, предлагающая более 45 доступных UI-примитивов на базе стейт-машин Zag.js с единым API для React, Solid, Vue и Svelte.
Astro — инструмент сборки сайтов и веб-фреймворк для современного веба, ориентированный на контентные сайты. Он сочетает удобный опыт разработки с лёгким выводом и предлагает официальные интеграции для React, Vue, Svelte, MDX, SSR-адаптеров и языковых инструментов.
nivo — это библиотека визуализации данных с открытым исходным кодом для React, построенная на d3. Она предлагает настраиваемые декларативные компоненты графиков для SVG, HTML и Canvas с поддержкой анимаций и SSR.