cursify
Cursor Animation Library for React & Next.js
파일 탐색기
최종 버전 다운로드 (.zip)- page.tsx
- page.tsx
- layout.tsx
- page.mdx
- layout.tsx
- page.tsx
- favicon.ico
- globals.css
- layout.tsx
- page.tsx
- robots.ts
- schema.ts
- sitemap.ts
- logo.svg
- component-block.tsx
- component-code-preview.tsx
- component-preview.tsx
- copy-button.tsx
- copy-npm-button.tsx
- pagination.tsx
- pre-code.tsx
- pre-coded.tsx
- github.tsx
- x.tsx
- banner.tsx
- button.tsx
- dialog.tsx
- dropdown.tsx
- liquide-gradient.tsx
- navigation-menu.tsx
- scroll-area.tsx
- spotlight.tsx
- tabs.tsx
- background.tsx
- carbon-ads.tsx
- constant.tsx
- dropdown-menu.tsx
- footer.tsx
- github-btn.tsx
- header.tsx
- hero-sec.tsx
- moibile-header.tsx
- searchbar.tsx
- sidebar.tsx
- tableof-compoents.tsx
- theme-provider.tsx
- theme-switch.tsx
- vaul-sidebar.tsx
- organization.tsx
- progressive-blur.tsx
- timeline-animation.tsx
- docs.json
- docs.ts
- 3d-cursor.mdx
- arrow-cursor.mdx
- black-white-blobs.mdx
- blinking-ascii-dots.mdx
- blob-cursor.mdx
- bubble-cursor.mdx
- canvas-cursor.mdx
- character-cursor.mdx
- clickeffect-cursor.mdx
- delicate-ascii-dots.mdx
- dot-particles.mdx
- fairydust-cursor.mdx
- flowing-dots.mdx
- flowing-ribbons.mdx
- fluid-cursor.mdx
- follow-cursor.mdx
- glitch-cursor.mdx
- gradient-cursor.mdx
- horizontal-bars.mdx
- interactive-dots.mdx
- magnetic-cursor.mdx
- multi-cursor.mdx
- neon-cursor.mdx
- neural-glow.mdx
- rainbow-cursor.mdx
- ripple-cursor.mdx
- scaling-cursor.mdx
- sliding-ease.mdx
- smooth-cursor-follower.mdx
- smooth-wavy-canvas.mdx
- snowflake-cursor.mdx
- spotlight-cursor.mdx
- springy-cursor.mdx
- textflag-cursor.mdx
- texticon-cursor.mdx
- trail-cursor.mdx
- verticle-bars.mdx
- use-canvasCursor.ts
- use-FluidCursor.ts
- use-media-query.tsx
- use-mouse-move.tsx
- use-mouse.ts
- use-spotlight.ts
- useClickOutside.tsx
- useClipBoarard.tsx
- useZustStore.tsx
- code.ts
- docs.tsx
- progressbar.tsx
- toc.ts
- utils.ts
- apple-touch-icon.png
- bob.gif
- bob2.gif
- favicon-16x16.png
- favicon.ico
- gallery.svg
- globe.svg
- grid.svg
- image-masking.svg
- image-mousetrail.svg
- llms.txt
- manifest.json
- og.jpg
- tabs.svg
- ui-layouts-logos.png
- BlobCursor.css
- index.tsx
- arrow-cursor.tsx
- bubble-cursor.tsx
- canvas-cursor.tsx
- character-cursor.tsx
- clickeffect-cursor.tsx
- fluid-cursor.tsx
- follow-cursor.tsx
- glitch-cursor.tsx
- gradient-cursor.tsx
- magnetic-cursor.tsx
- multi-cursor.tsx
- rainbow-cursor.tsx
- ripple-cursor.tsx
- scaling-cursor.tsx
- smooth-cursor-follower.tsx
- snowflake-cursor.tsx
- spotlight-cursor.tsx
- springy-cursor.tsx
- swirl-cursor.tsx
- text-icon-cursor.tsx
- threed-cursor.tsx
- trail-cursor.tsx
- FairyDustCursor.tsx
- index.tsx
- index.tsx
- NeonCursor.css
- index.tsx
- neural-glow.tsx
- index.tsx
- TextFlagCursor.tsx
- black-white-blobs.tsx
- index.tsx
- blinking-ascii-dots.tsx
- index.tsx
- delicate-ascii-dots.tsx
- index.tsx
- dot-particles.tsx
- index.tsx
- flowing-dots.tsx
- index.tsx
- flowing-ribbons.tsx
- index.tsx
- horizontal-bars.tsx
- index.tsx
- index.tsx
- interactive-dots.tsx
- index.tsx
- sliding-ease.tsx
- index.tsx
- smooth-wavy-canvas.tsx
- index.tsx
- verticle-bars.tsx
- .eslintrc.json
- .example.env
- .gitignore
- bun.lock
- components.json
- custom.d.ts
- mdx-components.tsx
- next.config.mjs
- package.json
- postcss.config.mjs
- prettier.config.js
- preview.png
- README.md
- tailwind.config.ts
- tsconfig.json
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/ui-layouts/cursify
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd cursify
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
| | | ├── copy-npm-button.tsx
이 명령어를 터미널에 그대로 입력해 실행하세요.
├── pnpm-lock.yaml
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm install motion clsx tailwind-merge
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)