컴포넌트

특정 기능을 가지고 있는 복합 요소들의 집합을 컴포넌트라고 합니다.

• 스택

하나 이상의 컨테이너가 쌓여 있는 컴포넌트 입니다.

외부 요소(버튼, 이미지 등)에서 스택의 하위 아이템을 활성/비활성 할 수 있습니다.

• 슬라이더

좌.우로 슬라이딩 되면서 이동 할 수 있는 복합 컨테이너 입니다.

• 리스트

리스트는 일련의 콘텐츠를 보여주기 위한 요소입니다.

• 드랍다운

버튼을 클릭이나 터치 등의 상호작용을 통해 버튼의 아래로 하위 메뉴들이 펼쳐지는 요소입니다.

• 네비바

내비게이션바는 웹사이트의 페이지 사이를 탐색하기 위한 주 메뉴로 사용하는 요소입니다.

• 콜랩스

기본적으로 닫혀 있다가 외부 요소(버튼, 이미지 등)의 상호작용을 통해 아래로 펼쳐지는 요소입니다.

• 아코디언

다수의 콜랩스들로 구성되어 있으며 하나가 열리면 이미 열려 있는 요소는 닫히는 기능을 가지고 있는 요소입니다.

• SNS 링크

트위터, 인스타그램, 유투브 등의 SNS 아이콘 리스트입니다.

• 코드 블럭

지원하지 않는 요소의 경우 직접 HTML 코드를 작성하여 추가할 수 있도록 하는 요소입니다.

애니메이션

애니메이션 관련 요소입니다.

• 로티

벡터기반의 역동적인 모션 그래픽을 만들 때 주로 사용하는 애니메이션 라이브러리 입니다.

일반적으로 로티 애니메이션은 어도비 일러스트레이터로 모양을 만들고 어도비 애프터 이펙트로 애니메이션을 만들어 로티로 추출한 뒤 최종 웹·모바일 앱에 삽입하는 과정으로 만들어집니다.