magicuidesign/magicui

Что это?

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

• 01Компоненты можно копировать и вставлять — устанавливать пакет как зависимость не нужно.
• 02Создано с использованием React, TypeScript, Tailwind CSS и Framer Motion.
• 03Включает анимированные фоны, кнопки и текстовые эффекты.
• 04Сайт документации с превью компонентов.

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

• Добавление анимированных главных секций и эффектов на лендинг Next.js.
• Быстрое прототипирование анимаций интерфейса в проекте на базе shadcn/ui.
• Использование анимированных компонентов как отправной точки с последующей адаптацией под свои задачи.

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

1. 1

   Перейдите на сайт документации, чтобы посмотреть компоненты

2. 2

   Прочитайте руководство для участников, если хотите добавить компонент

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

• !В README нет команды установки: компоненты копируются в проект, а не устанавливаются как пакет.
• !Документация размещена на внешнем сайте magicui.design.

Темы

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

Что такое magicui?

Библиотека анимированных UI-компонентов и эффектов для React и Tailwind CSS, которые можно скопировать в приложения на Next.js или shadcn/ui. Magic UI — это коллекция анимированных компонентов и визуальных эффектов для приложений на React. Вместо установки пакета и импорта компонентов вы копируете их исходный код в свой проект и при необходимости адаптируете — так же, как в shadcn/ui.

magicui можно использовать бесплатно? Какая у него лицензия?

magicui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

magicui всё ещё поддерживается?

Активно поддерживается. Последний коммит в magicui — 17 окт. 2026 г..

Для чего можно использовать magicui?

Добавление анимированных главных секций и эффектов на лендинг Next.js. Быстрое прототипирование анимаций интерфейса в проекте на базе shadcn/ui. Использование анимированных компонентов как отправной точки с последующей адаптацией под свои задачи.

Как установить magicui?

Перейдите на сайт документации, чтобы посмотреть компоненты Прочитайте руководство для участников, если хотите добавить компонент

Где скачать magicui?

Исходный код и инструкции по установке — на GitHub: https://github.com/magicuidesign/magicui