# HTML 및 GSAP의 무료 HyperFrames 모션 템플릿

AI 채팅, 기기, 제목, 차트와 제품 데모용 무료 HyperFrames 동영상 템플릿 65개. HTML과 GSAP를 조절하거나 Subclip에서 편집하세요.

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

HyperFrames 템플릿은 일시 중지된 GSAP 타임라인을 사용하여 일반 HTML로 작성된 모션 그래픽입니다. 이 페이지는 웹 페이지처럼 읽고 편집할 수 있는 비디오 장면을 원하는 개발자 및 AI 에이전트 사용자를 위한 페이지입니다. 여기에는 편집 가능한 변수가 포함된 소셜 미디어 게시물, 알림, 채팅 스레드, 지역 지도, 차트, 하단, 손으로 그린 주석 및 UI 흐름이 모두 포함되어 있습니다.

## 일시중지된 GSAP 타임라인이 있는 HTML

각 HyperFrames 템플릿은 HTML 문서입니다. 레이아웃은 HTML과 CSS이고, 모션은 일시정지 시작되는 GSAP 타임라인입니다. 브라우저가 실시간으로 재생하도록 하는 대신 렌더러는 각 프레임의 타임라인을 찾아 캡처합니다. 모든 프레임은 결정적이므로 렌더링이 미리보기와 일치합니다.

편집 가능한 값은 다음 오버레이의 이름, 핸들 및 개수, 지도의 제목, 부제 및 값, Bar Chart Race의 기간 및 시리즈, 기타 여러 항목의 강조 색상 등 변수로 노출됩니다. 변수를 변경하면 해당 변수로 장면이 다시 그려집니다. 소스가 일반 HTML이므로 웹페이지에서와 마찬가지로 읽을 수도 있고, CSS로 스타일을 변경하거나 요소를 추가할 수도 있습니다.

여기에 있는 많은 템플릿은 오버레이입니다. Instagram Follow, TikTok Follow, YouTube Lower Third, macOS Notification 및 Neon Border는 영상 위에 위치하도록 투명한 배경을 유지합니다.

## HyperFrames 세트의 내용

소셜 미디어 애니메이션이 강점입니다. iOS Notification는 수직 프레임에 4개의 배너를 쌓고, X Post Card 및 Reddit Post Card는 개수가 늘어나면서 좋아요 또는 찬성 투표에 애니메이션을 적용하고, Comment Cards는 2개의 댓글을 입력하고, ChatGPT Exchange 및 Claude Exchange는 9:16에 스크립트로 작성된 보조 채팅을 재생합니다.

데이터 및 장소의 경우 편집 가능한 지역 값이 있는 미국, 프랑스, 스페인 및 인도 지도, 도시 간 가중치 호가 있는 US Flow Map, Bar Chart Race, Minimal Line Graph, Animated Bar 및 Data Chart가 있습니다. 손으로 그린 작품에는 Hand Drawn Scribble, Squiggle Marks, Whiteboard Bulb 및 Stitched Text Draw가 포함됩니다. UI 흐름에는 Settings Toggle, Skeleton Reveal, Swipe Rail 및 Parallax Zoom가 포함됩니다.

## Subclip에서 HyperFrames 템플릿 사용

모든 HyperFrames 템플릿은 무료이며 Mac 및 Windows용 데스크톱 AI 비디오 편집기인 Subclip에 사전 설치되어 있습니다. 영상 위의 타임라인에 하나를 배치한 다음 AI 에이전트에게 이를 변경하도록 요청하세요. 지도 값을 주별 판매로 바꾸거나, 팔로우 오버레이를 핸들로 전환하거나, 하위 1/3에 채널 이름과 구독자 수를 제공하세요. 에이전트가 변수를 편집하고 준비가 되면 비디오를 내보냅니다.

## Claude 또는 Codex에 대한 HTML 가져오기

현재 HyperFrames 템플릿에는 모두 무료 로그인 후 사용할 수 있는 코드 팩이 있습니다. 프롬프트가 포함된 코드를 복사하여 전체 HTML과 에이전트 지원 프롬프트를 클립보드에 넣은 다음 Claude 또는 Codex에 붙여넣고 변경할 내용을 말합니다. 프롬프트에는 변수가 나열되므로 에이전트는 텍스트, 색상 및 데이터가 어디로 가는지 알 수 있습니다.

또는 zip: index.html, 기본 변수 값이 포함된 props.json, HyperFrames 플레이어에서 실행 시 README, 편집 가능한 항목을 설명하는 AGENTS.md 및 CLAUDE.md 파일을 다운로드하세요. 이를 통해 코딩 에이전트는 템플릿 스타일을 변경하거나, 장면을 추가하거나, 다양한 데이터를 사용하여 여러 버전을 생성할 수 있는 충분한 컨텍스트를 제공합니다.

## 템플릿 65개

- [Subclip Scenic Reel Composer](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-scenic-reel-composer) (HyperFrames, AI 채팅 입력): 유리 입력창과 회전하는 사진 갤러리를 보여주는 동영상 템플릿입니다.
- [Subclip Momentum Growth Headline](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-momentum-growth-headline) (HyperFrames, 제목): 입력되는 제목과 성장하는 차트를 보여주는 동영상 템플릿입니다.
- [Subclip Guided Word Spotlight](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-guided-word-spotlight) (HyperFrames, 제목): 카메라가 따라가는 단어별 텍스트를 보여주는 동영상 템플릿입니다.
- [Subclip Hinged Laptop Showcase](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-hinged-laptop-showcase) (HyperFrames, 화면 및 기기): 열리는 노트북과 화면 확대를 보여주는 동영상 템플릿입니다.
- [Subclip Aurora Brand Signature](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-aurora-brand-signature) (HyperFrames, 제목): 부드러운 그라데이션 위 로고와 브랜드명를 보여주는 동영상 템플릿입니다.
- [Subclip Creative Brief Launcher](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-creative-brief-launcher) (HyperFrames, AI 채팅 입력): 기획안 입력과 전송 확인를 보여주는 동영상 템플릿입니다.
- [Subclip Panorama Device Gallery](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-panorama-device-gallery) (HyperFrames, 화면 및 기기): 원근감 있는 네 휴대폰과 제품 제목를 보여주는 동영상 템플릿입니다.
- [Subclip Mobile Action Spotlight](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-mobile-action-spotlight) (HyperFrames, 화면 및 기기): 휴대폰 버튼 확대와 마무리 제목를 보여주는 동영상 템플릿입니다.
- [Subclip Pocket AI Composer](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-pocket-ai-composer) (HyperFrames, AI 채팅 입력): 전송 버튼으로 확대되는 모바일 AI 입력창를 보여주는 동영상 템플릿입니다.
- [Subclip Release-to-Video Assistant](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-release-to-video-assistant) (HyperFrames, AI 채팅 입력): 영상 결과 표가 포함된 AI 응답를 보여주는 동영상 템플릿입니다.
- [Subclip Connected Creative Workspace](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-connected-creative-workspace) (HyperFrames, AI 채팅 입력): 자료 연결과 창작 작업 화면를 보여주는 동영상 템플릿입니다.
- [Subclip Intent Search Animation](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-intent-search-animation) (HyperFrames, AI 채팅 입력): 선택 후 다시 입력되는 검색어를 보여주는 동영상 템플릿입니다.
- [Subclip Production Progress Tracker](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/subclip-production-progress-tracker) (HyperFrames, AI 채팅 입력): 진행 표시와 완료 체크가 있는 작업 목록를 보여주는 동영상 템플릿입니다.
- [iOS Notification](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/notification-cascade) (HyperFrames, 소셜 및 채팅): 4개의 iPhone 스타일 배너가 차례로 쌓이고 닫히는 헤드라인과 로고 카드를 위해 지워지는 수직 알림 오버레이입니다.
- [Instant Carousel](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/share-sheet-carousel) (HyperFrames, 소셜 및 채팅): 흰색의 둥근 카드 안에 4장의 사진이 순환되는 수직 이미지 캐러셀이며 현재 이미지의 부드러운 흐릿한 복사본이 배경을 채웁니다.
- [macOS Notification](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/macos-notification) (HyperFrames, 소셜 및 채팅): macOS 스타일 알림 배너가 오른쪽 상단에 한 번에 하나씩 도착하여 열로 쌓이는 와이드스크린 오버레이입니다.
- [Instagram Follow](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/instagram-follow) (HyperFrames, 소셜 및 채팅): 팔로우 버튼이 팔로잉으로 전환되는 컴팩트한 프로필 알약이 포함된 투명한 수직 오버레이로 시청자가 귀하의 계정을 팔로우하도록 유도합니다.
- [TikTok Follow](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/tiktok-follow) (HyperFrames, 소셜 및 채팅): 장미색 팔로우 버튼이 확인 표시가 있는 팔로우 상태로 바뀌는 투명한 9:16 프로필 오버레이입니다.
- [X Post Card](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/x-post) (HyperFrames, 소셜 및 채팅): 프로필, 게시물 텍스트, 작업 행을 표시한 다음 좋아요 수가 증가하면서 애니메이션을 표시하는 어두운 테마의 와이드스크린 소셜 엽서입니다.
- [Reddit Post Card](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/reddit-post) (HyperFrames, 소셜 및 채팅): 하위 레딧 라인, 굵은 헤드라인, 본문 텍스트가 포함된 와이드스크린 커뮤니티 엽서로, 점수를 끌어올리는 찬성표로 끝납니다.
- [Thread Message](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/thread-message-stack) (HyperFrames, 소셜 및 채팅): 부드럽고 흐릿한 색상 필드 위에 들어오는 회색 거품과 파란색 나가는 거품이 차례로 나타나는 와이드스크린 텍스트 대화입니다.
- [Comment Cards](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/yt-comment-card) (HyperFrames, 소셜 및 채팅): 2개의 시청자 댓글이 차례로 표시되는 와이드스크린 오버레이로 각 댓글에는 이니셜 아바타, 사용자 이름, 시간 라벨, 입력한 텍스트, 반응 행이 포함됩니다.
- [YouTube Lower Third](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/yt-lower-third) (HyperFrames, 하단 자막 및 CTA): 구독 상태로 전환되는 구독 버튼 옆에 채널 아바타와 이름이 표시된 투명한 와이드스크린 하단 자막입니다.
- [Grid Pixelate](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/grid-pixelate) (HyperFrames, 전환): 정사각형 타일이 늘어나서 전체 프레임을 덮었다가 줄어들면서 장면 사이를 잘라낼 수 있는 깔끔한 순간을 남기는 픽셀 그리드 전환입니다.
- [Hand Drawn Scribble](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/hw-callout-circle) (HyperFrames, 주석): 흔들리는 흰색 타원이 피사체를 둘러싸고 있고 마커 해칭이 이를 채우고 곡선 연결선이 손으로 쓴 라벨로 연결되는 손으로 그린 콜아웃입니다.
- [Squiggle Marks](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/hw-underline) (HyperFrames, 주석): 세 개의 선이 물결 모양 밑줄, 이중 취소선 및 곡선 괄호로 차례로 표시되는 손으로 쓴 텍스트 주석입니다.
- [Multiplayer Cursor](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/multiplayer-cursors) (HyperFrames, 클릭): 이름 태그가 있는 2~6개의 컬러 커서가 설정된 경로를 따라 미끄러지며 빛나는 초점 링 주위에 모이는 공동 작업 애니메이션입니다.
- [Parallax Device Dive](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/parallax-device-dive) (HyperFrames, 화면 및 기기): 대시보드를 표시하는 장치가 올라가서 고정된 다음 UI 레이어가 분리됨에 따라 프레임을 채우기 위해 확대/축소하는 휴대폰 모형 애니메이션입니다.
- [Parallax Unzoom](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/parallax-unzoom) (HyperFrames, 제목): 8개의 색상이 있는 이웃이 주위로 이동할 때 전체 화면 카드가 3x3 그리드의 중앙으로 축소되는 풀백 전환입니다.
- [Parallax Zoom](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/parallax-zoom) (HyperFrames, 제목): 3x3 그리드의 컬러 카드에서 시작하여 프레임을 채울 때까지 중앙 카드로 밀어넣는 확대/축소 전환입니다.
- [Settings Toggle](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/settings-toggle-flow) (HyperFrames, UI): 흰색 카드에 레이블이 지정된 세 개의 행이 나타나고 해당 토글 스위치가 켜짐 또는 꺼짐으로 미끄러지는 설정 패널 애니메이션입니다.
- [Store Badge](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/store-badge-lockup) (HyperFrames, 하단 자막 및 CTA): 큰 헤드라인이 먼저 표시되고 그 아래에 App Store 및 Google Play 스타일 배지가 표시되는 앱 다운로드 엔드카드입니다.
- [Neon Border](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/lt-neon-border) (HyperFrames, 하단 자막 및 CTA): 부드러운 빛을 내는 두 개의 반대 네온 호로 경계를 추적하는 어두운 명함이 있는 투명한 하단 자막입니다.
- [Skeleton Reveal](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/skeleton-reveal) (HyperFrames, UI): 반짝이는 뼈대 자리 표시자가 굵은 이름과 세부 라인이 있는 카드로 크로스페이드되는 짧은 로드 상태 애니메이션입니다.
- [Staggered Fade Up](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/staggered-fade-up) (HyperFrames, 제목): 간단한 단어별 텍스트는 각 단어가 페이드 인되는 위치, 약간 확대된 위치, 마지막 지점까지 짧은 거리로 미끄러지는 위치를 보여줍니다.
- [Text Stagger](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/text-stagger) (HyperFrames, 제목): 엇갈리게 올라가서 제자리에 맞춰지는 한 줄짜리 헤드라인은 텍스트 전체에 단일 패스의 색상이 있는 쉬머를 가져옵니다.
- [Intro Video](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/intro-video) (HyperFrames, 제품 데모): 키네틱 텍스트로 열리고 보조 입력에 프롬프트를 입력하고 보내기를 클릭하면 프로젝트 결과 카드가 표시되는 스크립트 제품 데모 소개입니다.
- [ChatGPT Exchange](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/chatgpt-exchange) (HyperFrames, AI 채팅 입력): 질문이 입력되고 응답이 4행 워크플로 테이블로 다시 스트리밍되며 보기가 스크롤되어 이를 읽는 수직 어두운 모드 채팅 애니메이션입니다.
- [Claude Exchange](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/claude-exchange) (HyperFrames, AI 채팅 입력): 입력된 질문이 계획 및 검색 단계로 이어지고 스트리밍 및 스크롤되는 긴 세리프 답변으로 이어지는 따뜻하고 어두운 수직 채팅 애니메이션입니다.
- [Gallery Tunnel](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/gallery-tunnel) (HyperFrames, 제품 데모): 밝은 색상의 패널과 얇은 격자선이 중앙 소실점을 향해 이동하는 복도를 따라 늘어선 원근감 터널입니다.
- [Chat Thread 2](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/chat-thread-2) (HyperFrames, 소셜 및 채팅): 입력한 답장, 링크 미리보기, 이모티콘 반응, 닫는 카드로 끝나는 읽음 확인 기능이 포함된 수직 전화 프레임 문자 대화입니다.
- [Minimal Line Graph](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/minimal-line-graph) (HyperFrames, 차트): 각 지점에 값 레이블이 있고 아래쪽에 월 레이블이 있으며 작은 범례가 있는 투명한 배경의 깔끔한 2계열 꺾은선형 차트입니다.
- [Spain Map](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/spain-map) (HyperFrames, 지도): 제목, 부제, 색상 범례와 함께 발레아레스 제도와 카나리아 제도를 포함하여 값별로 색상이 지정된 스페인 지역의 애니메이션 지도입니다.
- [India Map](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/india-map) (HyperFrames, 지도): 레이블, 제목, 부제 및 낮음부터 높음 범례를 포함하여 값에 따라 각 주와 연방 영토의 색상을 지정하는 12초 인도 지도입니다.
- [France Map](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/france-map) (HyperFrames, 지도): 값, 지역 이름, 제목, 부제 및 색상 눈금으로 음영 처리된 모든 지역이 포함된 프랑스 대도시의 등치 지도입니다.
- [US Map](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/us-map) (HyperFrames, 지도): 알래스카, 하와이, 주 라벨 및 색상 범례를 사용하여 지역을 순서대로 표시하고 각 주의 값에 따라 색상을 지정하는 미국 주 지도입니다.
- [US Flow Map](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/us-flow-map) (HyperFrames, 지도): 파란색 곡선의 호가 주요 도시를 연결하고 작은 점이 이를 따라 이동하며 도시 간 흐름을 보여주는 어두운 미국 지도입니다.
- [ChatGPT Chat](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/ai-chat-reveal) (HyperFrames, AI 채팅 입력): 입력된 질문, 글머리 기호가 포함된 스트리밍 답변, 종료 클릭 유도 카드가 포함된 9:16 보조 채팅 애니메이션입니다.
- [Animated Bar](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/animated-bar) (HyperFrames, 차트): 늘어나는 막대, 부드러운 추세 곡선, 오른쪽 상단에 큰 비율의 설명선이 있는 소형 흑백 차트 카드입니다.
- [Bar Chart Race](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/bar-chart-race) (HyperFrames, 차트): 추월, 강조 표시된 리더, 재조정 축 및 기간 카운터를 포함하여 기간별로 애니메이션을 적용하는 순위가 매겨진 수평 막대 차트입니다.
- [Data Chart](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/data-chart) (HyperFrames, 차트): 월간 수익 막대를 전환율 선, 값 레이블, 범례 및 소스 메모와 쌍으로 연결하는 편집 콤보 차트입니다.
- [Camera Follow Captions](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/caption-camera-follow) (HyperFrames, 제목): 카메라가 뒤로 당겨서 전체 문장을 표시하는 동안 각각의 새로운 단어가 점점 커지는 굵은 대문자 블록에 표시되는 키네틱 캡션입니다.
- [Whiteboard Bulb](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/whiteboard-bulb) (HyperFrames, 주석): 움직이는 펜으로 한 획씩 그린 전구의 화이트보드 스타일 스케치, 색상이 지정된 악센트 표시 및 아래에 캡션이 있습니다.
- [Whiteboard Rocket](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/whiteboard-rocket) (HyperFrames, 주석): 지느러미, 배기 라인, 색상이 지정된 창이 있는 펜으로 그린 로켓 스케치와 종이 배경에 짧은 발사 캡션이 표시됩니다.
- [Chat Thread](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/chat-thread) (HyperFrames, 소셜 및 채팅): 들어오고 나가는 말풍선, 점 입력, 링크 미리 보기 카드 및 읽음 확인이 포함된 9시 16분 다크 모드 문자 메시지 스레드입니다.
- [CTA Lockup](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/cta-lockup) (HyperFrames, 하단 자막 및 CTA): 큰 헤드라인, 알약 모양의 버튼, 검정색 바탕에 보조 문구의 작은 줄이 있는 종료 클릭 유도 화면입니다.
- [Notes Typing](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/notes-typing) (HyperFrames, UI): 화면 키보드를 사용하여 제목과 7줄을 입력한 후 브랜드 체크리스트 카드로 끝나는 9:16 전화 메모 애니메이션입니다.
- [Outline Draw](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/outline-draw) (HyperFrames, 주석): 투명한 중심으로 시계 방향으로 그리는 얇고 둥근 모서리 윤곽선으로, 비디오의 일부를 구성하고 강조하는 데 사용됩니다.
- [Oversized Cursor](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/oversized-cursor) (HyperFrames, 클릭): 버튼으로 이동하고 클릭하면 확인 표시와 함께 반응한 다음 프레임을 종료하는 큰 화살표 커서입니다.
- [Social Proof Card](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/social-proof-card) (HyperFrames, 사회적 증거): 브랜드 이름, 별 5개 행, 고객 견적, 기능 아이콘 3개, 클릭 유도 버튼이 포함된 크림색 마감 카드입니다.
- [Stitched Text Draw](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/stitched-text-draw) (HyperFrames, 주석): 검정색 배경에 바늘 구멍과 움직이는 바늘이 있는 점선 스레드 스티치로 그려진 대문자 단어입니다.
- [Swipe Rail](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/swipe-rail) (HyperFrames, 전환): 짙은 남색 배경에 힘차게 스와이프하여 카드 한 장을 중앙에 고정하는 번호가 매겨진 카드의 수평 레일입니다.
- [Ask Subclip](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/ask-subclip) (HyperFrames, AI 채팅 입력): 제목 아래 프롬프트 상자에 요청을 입력하고 그 뒤에 결과와 마감 줄이 입력되는 AI 비디오 편집기의 프로모션 장면.
- [Build console](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/build-console) (HyperFrames, UI): 확인 표시, 진행률 표시줄 및 준비 배지가 포함된 여러 단계를 통해 렌더링 명령을 실행하는 어두운 터미널 창입니다.
- [Spatial deck](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/spatial-deck) (HyperFrames, 제품 데모): 계층화된 3D 관점을 통해 이동하는 일련의 청록색 숫자 카드로, 각 카드에는 단계 제목과 간단한 설명이 표시됩니다.

## HTML 및 GSAP의 무료 HyperFrames 모션 템플릿 더 보기

- [HyperFrames: 제목](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/text-animations)
- [HyperFrames: 화면 및 기기](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/screen-device-animations)
- [HyperFrames: 차트](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/animated-charts)
- [HyperFrames: AI 채팅 입력](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/ai-chat-animations)
- [HyperFrames: 지도](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/animated-maps)
- [HyperFrames: 소셜 및 채팅](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/social-media-animations)
- [HyperFrames: 하단 자막 및 CTA](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/lower-thirds)
- [HyperFrames: 주석](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/hand-drawn-annotations)
- [HyperFrames: UI](https://www.subclip.app/ko/motion-graphics-templates/hyperframes/ui-animations)