guokaigdg/animal-island-ui

어떤 프로젝트인가요?

핵심 기능

• 01TypeScript로 작성된 React 컴포넌트를 제공합니다.
• 02컴포넌트 스타일과 폰트가 포함된 단일 스타일시트 가져오기를 지원합니다.
• 03일관된 아일랜드풍 디자인의 독창적인 아이콘, 일러스트, 애니메이션을 포함합니다.
• 04온라인 데모 사이트와 문서화된 디자인 시스템 명세를 제공합니다.
• 05AI 코딩 에이전트가 이 스타일의 페이지를 생성할 수 있도록 설치형 skill을 제공합니다.

활용 사례

• 귀여운 시각 스타일이 필요한 경쾌한 소비자용 앱, 게임풍 대시보드 또는 개인 사이트를 제작할 때.
• 스타일이 미리 적용된 컴포넌트로 랜딩 페이지나 제품 목록을 빠르게 프로토타이핑할 때.
• 코드를 작성하지 않고 AI 도구로 이 스타일의 독립형 HTML 페이지를 생성할 때.

빠른 시작

1. 1

   패키지를 설치합니다

   npm install animal-island-ui
2. 2

   스타일을 가져옵니다(컴포넌트가 올바르게 렌더링되려면 필요합니다)

   import 'animal-island-ui/style';
3. 3

   앱에서 컴포넌트를 사용합니다

   import { Button, Card } from 'animal-island-ui';

사용 전 알아둘 점

• !'animal-island-ui/style'을 가져오지 않으면 컴포넌트에 스타일이나 글꼴이 적용되지 않습니다.

토픽

자주 묻는 질문

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

독창적인 아이콘, 일러스트, 애니메이션을 갖춘 아늑한 아일랜드풍 React 및 TypeScript UI 컴포넌트 라이브러리입니다. Animal-Island-UI는 경쾌하고 아늑한 시각 언어를 담은 경량 React 및 TypeScript 컴포넌트 라이브러리입니다. 버튼, 카드 등 모든 컴포넌트가 하나의 디자인 시스템을 공유하며, 아이콘과 레이아웃, 애니메이션은 기존 키트를 가져다 쓰지 않고 프로젝트를 위해 직접 제작했습니다.

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

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

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

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

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

귀여운 시각 스타일이 필요한 경쾌한 소비자용 앱, 게임풍 대시보드 또는 개인 사이트를 제작할 때. 스타일이 미리 적용된 컴포넌트로 랜딩 페이지나 제품 목록을 빠르게 프로토타이핑할 때. 코드를 작성하지 않고 AI 도구로 이 스타일의 독립형 HTML 페이지를 생성할 때.

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

패키지를 설치합니다: npm install animal-island-ui 스타일을 가져옵니다(컴포넌트가 올바르게 렌더링되려면 필요합니다): import 'animal-island-ui/style'; 앱에서 컴포넌트를 사용합니다: import { Button, Card } from 'animal-island-ui';

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

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