# Tabs: 탭 UI

Account, Password, Settings가 있는 알약 모양 탭 위젯으로, Account 탭이 활성화되고 그 패널 문구가 표시됩니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

Canonical URL: https://www.subclip.app/ko/motion-graphics-templates/remotion/tabs

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-tabs.mp4?v=1b6040d2bc

알약 모양 또는 밑줄 표시기와 활성 탭의 짧은 문구 패널이 있는 탭 컴포넌트입니다.

- 프레임워크: Remotion
- 카테고리: UI
- 길이: 4초
- 화면 비율: 16:9 가로
- 코드: 코드 받기(무료 로그인): https://www.subclip.app/ko/motion-graphics-templates/remotion/tabs

탭 위젯의 차분한 알약 모양 트랙에 Account, Password, Settings가 놓이고, Account가 활성화되어 그 아래에 패널 문구 "Make changes to your account here."가 표시됩니다. 템플릿은 이 상태를 4초 동안 유지합니다. 코드에서는 활성 탭이 바뀌면 표시기가 새 탭으로 미끄러지고, 라벨 색상이 바뀌며, 패널 문구가 크로스페이드됩니다.

활성 탭을 설정하고 알약 모양과 밑줄 스타일을 전환할 수 있으며, 재생 속도와 배경도 변경할 수 있습니다. 설정-계정 페이지 데모, SaaS 제품 투어, 기능 비교, 디자인 시스템 소개에 사용하세요.

## 이럴 때 쓰세요

- 설정 페이지 데모
- SaaS 제품 투어
- 기능 비교
- 디자인 시스템 소개

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `stageBackground`: 현장 주변의 배경 (색상)

## 이 템플릿 사용 방법

1. Mac 또는 Windows용 Subclip을 내려받으세요. 이 페이지의 모든 템플릿이 미리 설치되어 있습니다.
2. 템플릿 패널을 열고 Tabs을(를) 골라 타임라인에 끌어다 놓으세요.
3. 레이어 설정에서 텍스트, 색상, 타이밍을 바꾸거나 AI 에이전트에게 수정을 맡기세요.
4. 영상을 내보내거나, 코드를 내려받아 내 프로젝트에서 템플릿을 사용하세요.

remocn의 Tabs을(를) 바탕으로 제작: https://remocn.dev