Repolode
Предложить
ui-layouts

ui-layouts/cursify

Библиотека анимации курсора для React и Next.js с эффектами следования за курсором, распространяемая в виде компонентов для копирования в проект.

Открыть на GitHubСайт
Звёзды
2,115
Форки
102
Открытые issues
9
Последний коммит
7 месяцев назад

Что это?

Cursify — библиотека анимации курсора для проектов на React и Next.js. В ней собраны эффекты, управляемые курсором: например, текстовый элемент, следующий за курсором, размытая виньетка и другие взаимодействия при наведении. Библиотека написана на TypeScript.

Компоненты собраны в реестр с сайтом документации: разработчики могут изучить каждый эффект, посмотреть его в действии и скопировать исходный код в свой проект. В проекте используются Tailwind CSS, пакет анимации motion, а также утилиты clsx и tailwind-merge для работы с классами.

В репозитории также есть набор кнопок, карточек товаров, футеров, фигур на основе clip-path и горизонтальная анимация прокрутки. Они представлены в документации как примеры наряду с эффектами курсора.

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

  • 01Текстовый эффект, следующий за курсором, для компонентов React
  • 02Компонент размытой виньетки для выделения областей страницы
  • 03Анимации кнопок и карточек при наведении на основе пакета motion
  • 04Реестр компонентов для копирования с сайтом документации и предпросмотра
  • 05Создано с использованием TypeScript, Tailwind CSS и Next.js

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

  • Добавление интерактивных эффектов курсора на сайт-визитку или портфолио на Next.js
  • Повторное использование анимированных кнопок, карточек или футеров в проекте на React и Tailwind
  • Изучение того, как устроены анимации курсора и motion в кодовой базе Next.js

Темы

#react#nextjs#animation#cursor#tailwindcss#ui-components#typescript

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

Что такое cursify?
Библиотека анимации курсора для React и Next.js с эффектами следования за курсором, распространяемая в виде компонентов для копирования в проект. Cursify — библиотека анимации курсора для проектов на React и Next.js. В ней собраны эффекты, управляемые курсором: например, текстовый элемент, следующий за курсором, размытая виньетка и другие взаимодействия при наведении. Библиотека написана на TypeScript.
cursify можно использовать бесплатно? Какая у него лицензия?
У cursify не указана лицензия. Код открыт, но без лицензии нет явного разрешения на его использование — уточните у автора, прежде чем на него полагаться.
cursify всё ещё поддерживается?
Нет коммитов больше 6 месяцев. Последний коммит в cursify — 31 мар. 2026 г..
Для чего можно использовать cursify?
Добавление интерактивных эффектов курсора на сайт-визитку или портфолио на Next.js Повторное использование анимированных кнопок, карточек или футеров в проекте на React и Tailwind Изучение того, как устроены анимации курсора и motion в кодовой базе Next.js
Где скачать cursify?
Исходный код и инструкции по установке — на GitHub: https://github.com/ui-layouts/cursify

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

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