Открытая библиотека компонентов

Создавайте современные интерфейсы быстрее

Коллекция красивых компонентов и эффектов для React. Копируй код, настраивай под себя, запускай в продакшен.

Открытый код
TypeScript
Tailwind CSS
npx shadcn@latest add @gooseui/button

Всё для современной разработки

Компоненты, которые экономят время и помогают создавать качественные продукты

Анимации и эффекты

Border Beam, текстовые эффекты и другие анимации для привлекательных интерфейсов

Мгновенная установка

Одна команда CLI — и компонент в вашем проекте. Никаких зависимостей от пакетов

Полный контроль

Код копируется в ваш проект. Изменяйте что угодно без ограничений

Гибкая стилизация

Tailwind CSS и CSS переменные для простой кастомизации под ваш бренд

Готовые блоки

Секции для лендингов, формы, карточки — собирайте страницы как конструктор

shadcn CLI

Полная совместимость с shadcn CLI. Используйте привычные команды

Библиотека компонентов

UI компоненты и эффекты, готовые к использованию

Buttons

Cards

Уведомления
Настройте способ получения уведомлений

Inputs

Border Beam

NEW

Анимированный луч света

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

Ответы на популярные вопросы о GooseUI

Что такое GooseUI?

GooseUI — это коллекция переиспользуемых React компонентов, которые вы копируете в свой проект. Это не npm-пакет, а исходный код, который вы полностью контролируете.

Как установить компоненты?

Используйте shadcn CLI: npx shadcn@latest add https://gooseui.pro/r/button.json. Компонент будет скопирован в ваш проект.

Можно ли кастомизировать стили?

Да, код компонентов полностью ваш. Используйте Tailwind CSS классы и CSS переменные для любых изменений.

Какие технологии используются?

React 18+, TypeScript, Tailwind CSS, Radix UI для доступности, Framer Motion для анимаций.

Это бесплатно?

Да, GooseUI полностью бесплатен и с открытым исходным кодом. Используйте в личных и коммерческих проектах.

Совместимо с shadcn/ui?

Да, GooseUI построен на тех же принципах и полностью совместим с экосистемой shadcn/ui.

Готовы начать?

Добавьте первый компонент в свой проект прямо сейчас

npx shadcn@latest add @gooseui/button