nolly-studio/cult-ui

어떤 프로젝트인가요?

핵심 기능

• 01shadcn/ui 프로젝트에 설치할 수 있는 애니메이션 컴포넌트 150여 개
• 02shadcn CLI로 소스 코드를 프로젝트에 복사해 설치
• 03Tailwind CSS v4와 shadcn 테마 토큰을 사용해 제작
• 04대부분의 컴포넌트가 Motion으로 애니메이션 구현
• 05코딩 에이전트를 위한 llms.txt 및 페이지별 Markdown 문서 제공
• 06편집기에서 컴포넌트를 검색하고 설치할 수 있는 MCP 서버

활용 사례

• Next.js 랜딩 페이지에 카드, 지구본, 대시보드 같은 세련된 애니메이션 섹션 추가
• 애니메이션 코드를 처음부터 작성하지 않고 shadcn/ui 앱의 인터페이스 모션 프로토타이핑
• MCP 서버를 통해 AI 코딩 어시스턴트가 UI 컴포넌트를 찾아 설치하도록 지원

빠른 시작

1. 1

   registry URL을 지정해 shadcn CLI로 컴포넌트를 설치하세요

   npx shadcn@latest add https://www.cult-ui.com/r/shift-card.json
2. 2

   또는 components.json에 @cult-ui 네임스페이스를 등록한 다음 이름으로 설치하세요

   npx shadcn@latest add @cult-ui/shift-card

사용 전 알아둘 점

• !컴포넌트는 Tailwind CSS v4를 사용하는 shadcn/ui 프로젝트에 맞게 설계되었으며, 대부분 Motion 라이브러리를 사용합니다.

토픽

자주 묻는 질문

cult-ui은(는) 무엇인가요?

shadcn/ui 프로젝트에 설치할 수 있도록 설계된 Tailwind CSS와 Motion 기반의 MIT 라이선스 애니메이션 React 컴포넌트 모음입니다. Cult UI는 shadcn/ui를 사용하는 React 프로젝트를 위한 애니메이션 UI 컴포넌트 150여 개를 모아 제공합니다. 각 컴포넌트는 shadcn/ui registry 항목으로 배포되므로, shadcn CLI가 소스 코드를 프로젝트에 복사해 줍니다. 복사한 코드는 직접 소유하고 수정할 수 있습니다.

cult-ui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

cult-ui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

cult-ui은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. cult-ui의 마지막 커밋은 2026년 10월 14일입니다.

cult-ui은(는) 어디에 사용할 수 있나요?

Next.js 랜딩 페이지에 카드, 지구본, 대시보드 같은 세련된 애니메이션 섹션 추가 애니메이션 코드를 처음부터 작성하지 않고 shadcn/ui 앱의 인터페이스 모션 프로토타이핑 MCP 서버를 통해 AI 코딩 어시스턴트가 UI 컴포넌트를 찾아 설치하도록 지원

cult-ui는 어떻게 설치하나요?

registry URL을 지정해 shadcn CLI로 컴포넌트를 설치하세요: npx shadcn@latest add https://www.cult-ui.com/r/shift-card.json 또는 components.json에 @cult-ui 네임스페이스를 등록한 다음 이름으로 설치하세요: npx shadcn@latest add @cult-ui/shift-card

cult-ui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/nolly-studio/cult-ui