Repolode
Предложить
markmead

markmead/hyperui

Бесплатная коллекция UI-компонентов на Tailwind CSS с открытым исходным кодом: скопируйте их в свой проект, ничего устанавливать не нужно.

Open source альтернатива:Tailwind UI

Открыть на GitHubСайт
Звёзды
12,266
Форки
519
Открытые issues
1
Последний коммит
4 дня назад

Что это?

HyperUI — библиотека готовых компонентов на Tailwind CSS для маркетинговых сайтов, веб-приложений и интерфейсов электронной коммерции. Вместо установки пакета можно открыть каталог на hyperui.dev, скопировать разметку и вставить её в проект на Tailwind CSS.

Сам проект — сайт на Astro с каталогом компонентов и блогом. Разработчики могут запускать его локально с помощью pnpm и собирать CSS компонентов в режиме watch. Сначала предложения по улучшению обсуждаются в issues, затем работа ведётся по руководству для участников.

Компоненты представляют собой обычный HTML с utility-классами Tailwind, поэтому их можно напрямую адаптировать под собственный дизайн и фреймворк. Проект распространяется по лицензии MIT.

Ключевые возможности

  • 01Компоненты — это обычный HTML с utility-классами Tailwind CSS.
  • 02Ничего устанавливать не нужно: скопируйте разметку прямо в проект.
  • 03Есть компоненты для маркетинговых сайтов, веб-приложений и интерфейсов электронной коммерции.
  • 04Каталог доступен на hyperui.dev, также есть блог.
  • 05Для разработки используются Astro и pnpm.

Сценарии использования

  • Быстро добавить в проект на Tailwind hero-блок, секцию с тарифами или блок с описанием возможностей.
  • Собирать элементы интерфейса админки или дашборда, не проектируя каждый компонент с нуля.
  • Создавать прототипы списков товаров или блоков оформления заказа в электронной коммерции с классами Tailwind.

Быстрый старт

  1. 1

    Просмотрите компоненты на hyperui.dev и скопируйте разметку

  2. 2

    Вставьте скопированный код в проект Tailwind CSS; устанавливать пакет не нужно

Что важно знать

  • Компоненты представлены разметкой для копирования и вставки, поэтому вам придётся поддерживать их самостоятельно, и они не обновляются автоматически.

В подборках

Фронтенд-фреймворки и UI-компоненты

Темы

#tailwind-css#ui-components#frontend#css#html#design-system#accessibility#components#tailwind#tailwindcss

Частые вопросы

Что такое hyperui?
Бесплатная коллекция UI-компонентов на Tailwind CSS с открытым исходным кодом: скопируйте их в свой проект, ничего устанавливать не нужно. HyperUI — библиотека готовых компонентов на Tailwind CSS для маркетинговых сайтов, веб-приложений и интерфейсов электронной коммерции. Вместо установки пакета можно открыть каталог на hyperui.dev, скопировать разметку и вставить её в проект на Tailwind CSS.
hyperui можно использовать бесплатно? Какая у него лицензия?
hyperui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
hyperui всё ещё поддерживается?
Активно поддерживается. Последний коммит в hyperui — 21 окт. 2026 г..
Для чего можно использовать hyperui?
Быстро добавить в проект на Tailwind hero-блок, секцию с тарифами или блок с описанием возможностей. Собирать элементы интерфейса админки или дашборда, не проектируя каждый компонент с нуля. Создавать прототипы списков товаров или блоков оформления заказа в электронной коммерции с классами Tailwind.
Как установить hyperui?
Просмотрите компоненты на hyperui.dev и скопируйте разметку Вставьте скопированный код в проект Tailwind CSS; устанавливать пакет не нужно
Где скачать hyperui?
Исходный код и инструкции по установке — на GitHub: https://github.com/markmead/hyperui

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты