Repolode
제출하기
ui-layouts

ui-layouts/cursify

웹 페이지에서 커서를 따라 움직이는 효과를 제공하는 React 및 Next.js용 커서 애니메이션 라이브러리로, 컴포넌트를 복사해 사용할 수 있습니다.

GitHub에서 보기웹사이트
스타
2,115
포크
102
열린 이슈
9
마지막 커밋
7개월 전

어떤 프로젝트인가요?

Cursify는 React 및 Next.js 프로젝트용 커서 애니메이션 라이브러리입니다. 커서를 따라 움직이는 텍스트 요소, 블러 비네트, 관련 호버 인터랙션 등 커서 기반 효과를 모아 두었으며 TypeScript로 제작되었습니다.

컴포넌트는 문서 사이트를 갖춘 레지스트리 형태로 구성되어 있어, 개발자는 각 효과를 둘러보고 미리 본 다음 소스를 자신의 프로젝트에 복사할 수 있습니다. Tailwind CSS와 함께 motion 애니메이션 패키지, 클래스 처리를 위한 clsx 및 tailwind-merge 유틸리티를 사용합니다.

저장소에는 버튼, 제품 카드, 푸터, clip-path 도형, 가로 스크롤 애니메이션도 포함되어 있으며, 커서 효과와 함께 예제로 문서화되어 있습니다.

핵심 기능

  • 01React 컴포넌트에서 사용할 수 있는 커서 추적 텍스트 효과
  • 02페이지 영역을 강조하는 블러 비네트 컴포넌트
  • 03motion 패키지 기반의 호버 버튼 및 카드 애니메이션
  • 04문서 및 미리보기 사이트를 갖춘 복사형 컴포넌트 레지스트리
  • 05TypeScript, Tailwind CSS, Next.js로 제작

활용 사례

  • Next.js로 만든 마케팅 사이트나 포트폴리오 사이트에 인터랙티브한 커서 효과 추가
  • React 및 Tailwind 프로젝트에서 애니메이션 버튼, 카드, 푸터 재사용
  • Next.js 코드베이스에서 커서 및 motion 애니메이션이 구성된 방식 살펴보기

토픽

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

자주 묻는 질문

cursify은(는) 무엇인가요?
웹 페이지에서 커서를 따라 움직이는 효과를 제공하는 React 및 Next.js용 커서 애니메이션 라이브러리로, 컴포넌트를 복사해 사용할 수 있습니다. Cursify는 React 및 Next.js 프로젝트용 커서 애니메이션 라이브러리입니다. 커서를 따라 움직이는 텍스트 요소, 블러 비네트, 관련 호버 인터랙션 등 커서 기반 효과를 모아 두었으며 TypeScript로 제작되었습니다.
cursify은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
cursify에는 명시된 라이선스가 없습니다. 코드는 공개되어 있지만 라이선스가 없으면 재사용 허가가 명확하지 않으므로, 사용 전에 작성자에게 문의하는 것이 좋습니다.
cursify은(는) 아직 유지보수되고 있나요?
6개월 이상 커밋 없음. cursify의 마지막 커밋은 2026년 3월 31일입니다.
cursify은(는) 어디에 사용할 수 있나요?
Next.js로 만든 마케팅 사이트나 포트폴리오 사이트에 인터랙티브한 커서 효과 추가 React 및 Tailwind 프로젝트에서 애니메이션 버튼, 카드, 푸터 재사용 Next.js 코드베이스에서 커서 및 motion 애니메이션이 구성된 방식 살펴보기
cursify은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/ui-layouts/cursify

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트