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

Chakra UI — это open-source система компонентов React для быстрого создания доступных веб-приложений и SaaS-продуктов. Она поддерживает Next.js RSC и распространяется под лицензией MIT.

Twin.macro — это Babel-макрос, который переносит утилитарные классы Tailwind CSS в рабочие процессы CSS-in-JS, преобразуя tw, css, styled и theme в CSS-объекты во время сборки.

styled-components — CSS-in-JS библиотека для React: пишете настоящий CSS, который автоматически становится изолированным и загружается только при необходимости. Единый API для серверных и клиентских компонентов, потокового SSR и React Native; встроенные TypeScript-типы, размер менее 13 КБ в сжатом виде, без плагинов сборки.

Panda — это универсальный, типобезопасный CSS-in-JS фреймворк для дизайн-систем. Он извлекает стили во время сборки, генерирует современный CSS с каскадными слоями и переменными, поддерживает рецепты и варианты.

Priceline Design System — open-source UI component library и дизайн-стандарт Priceline.com. Предназначен для унификации интерфейсных паттернов, ускорения разработки, поддержки доступности, интернационализации и адаптивного веб-дизайна. Публично доступен как npm-пакет pcln-design-system со Storybook-документацией под лицензией MIT.