인터페이스 애니메이션
Framer 3.0｜브랜드와 제품 공개
도입부의 빛으로 분기와 게시 작업을 소개하고 중간에는 구체적인 편집 결과를 보여 준 뒤 인터페이스 언어를 유리 기호로 추상화한다. 파랑은 선택 상태이자 영상 전체의 재질 단서다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Glean Agents 출시
입력창 하나에서 부서 간 워크플로로 확장한다. 작업 카드, 인물, 데이터 소스를 연결선으로 관계 짓고 결과는 읽기 쉬운 인터페이스로 돌아온다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Harvey II
종이 콜라주로 재질을 만들고 사각형, 원, 구멍을 계속 재구성한다；제품 카드를 중앙 객체 주위에 표시해 추상 도형을 프로젝트, 작업, 리소스 관계와 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Deezer｜음파 하트 로고
각 음파를 먼저 독립적으로 움직인 뒤 안정된 하트 마크로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma × Codex · 디자인에서 구현으로 인계
주석과 함께 디자인 프레임을 선택한 뒤 선택한 맥락을 구현 에이전트에 전달한다；구현 결과는 선택한 화면에 대응해야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Loops의 새로운 기능
먼저 트리거 조건을 빠르게 열거한 뒤 경로를 따라 출력 동작을 설명한다；트리거와 결과는 각각 별도 구간으로 구성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
요일별로 실행하는 Loops
주 단위 반복을 선택한 뒤 요일 다중 선택을 표시하고 시간을 설정한다；완료 후에는 개요에서 자연어로 규칙을 요약한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
연구 성과｜수학과 이론 컴퓨터 과학의 진전
각 연구 주제를 하나의 기하 도형으로 구성한 뒤 소수의 점으로 줄여 다음 도형으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Branch｜대화 분기
분기 가능한 대화 이력 위치를 먼저 표시한 뒤 공유 맥락을 복사한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Manus로 만든 웹사이트를 데스크톱 앱으로 설치
같은 웹사이트가 브라우저 틀에서 나와 독립 창이 되며 콘텐츠의 정체성은 유지된다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
예약 작업 2.0(Manus) — 예약 작업 2.0 — …
달력으로 전체 분포를 먼저 보여 준 뒤 개별 작업에 가까이 다가가 설정을 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude Code Security — 취약점 검사와 패치
진입→스캔→문제→수정→PR 순서를 빠짐없이 보여 주며 깊이 들어갈수록 결과 계층을 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude 모바일 도구 연결
비즈니스 문제를 중심으로 여러 도구를 호출한다. 데이터는 무슨 일이 일어났는지, 흐름도는 이유를 설명하며 슬라이드는 공유를 담당한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Salsa｜음악 테마 Doodle
둥근 레코드, 악기의 벨, 꽃잎으로 음악 연주와 춤 동작을 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Grok × Coinbase
로고는 흔들림 없이 고정하고 배경의 밝은 부분을 천천히 통과시켜 협업 정체성을 강조한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Kimi Web Bridge - Kimi 브라우저 확장 프로그램
브라우저 조작과 터미널 피드백을 나란히 보여 에이전트 계획과 페이지 결과의 대응을 드러낸다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
휴대폰 네 대 병렬 배치: 앱 생성 기능 시연
높이가 같은 휴대폰 네 대를 나란히 배치하고 배경은 공유하되 각각 독립적으로 진행한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket · 중간선거 개요
흩어진 주 모양을 펼쳤다가 지도로 조합해 잡음에서 구조화된 정보로의 전환을 표현한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor · 재귀적 작업 구성
최상위 계획이 작업을 만들고 작업이 하위 계획과 작업 노드로 다시 분기한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor Builds — 클라우드 에이전트 시작 속도 3배 향상
두 그룹을 동시에 시작하되 진행 속도를 다르게 하며 새 흐름의 결과를 먼저 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Mac에서 완전히 로컬로 실행되는 Perplexity Computer
실행 위치를 먼저 보여 준 뒤 작업을 수행하고 결과 보고서와 할 일 목록으로 로컬 조작임을 입증한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Computer for Counsel — 변호사를 위한 Perplexity
분야를 규정한 뒤 입력과 출처를 보여 주고 세 가지 구체적인 업무 결과물을 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
이제 이메일에서 사용하는 Perplexity Computer
이메일로 작업을 시작하고 같은 이메일 스레드로 결과를 돌려보낸다；첨부 파일은 입력 의존 요소다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Apple｜Spotlight 인터페이스 모션
검색어로 추천 목록을 표시하고 작업을 선택하면 목록을 접으며 캡슐을 매개변수가 있는 명령으로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer와 Cursor 연동
키보드 클로즈업에서 어두운 입력창으로 전환하고 입력이 끝나면 CMS 표를 보여 준다. 행 목록을 따라 파란 테두리를 표시해 하나의 요청이 여러 데이터에 영향을 줌을 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
사이버 보안 데이터
제목은 왼쪽 정렬하고 Cybersecurity Data는 주황색으로 쓴다；아래 점 배열 일부가 빛나기 시작한다. 이어 전체 화면을 주황색으로 바꾸고 큰 흰 숫자가 빠르게 증가한 뒤 vulnerabilities를 표시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
웹사이트, 슬라이드, 게시 이미지로 같은 이야기 전달
커피 웹사이트 생성을 입력한 뒤 프레젠테이션과 게시 이미지를 이어 요청한다. 세 결과물이 사진, 갈색 팔레트, 세리프 제목을 공유해 콘텐츠 일관성으로 맥락 재사용을 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
타이포그래피 모션 · 3.5초
글자의 크기와 정렬로 전체 모션을 만든다. 글자 일부에서 시작해 완전한 짧은 문구로 돌아간 뒤 이동 가능한 동작 단어 한 열로 나눈다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
아이콘 모션 · 10.3초
같은 중심에서 기호를 연속 변형하고 홈, 구멍, 분할로 의미를 바꾼다. 서로 다른 아이콘을 하나씩 페이드인하지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Persimmon — 사람을 시뮬레이션하는 모델
과일 포스터 한 장으로 개인을 표현한 뒤 여러 다른 표본으로 펼친다；입자가 포스터 경계를 넘어가게 해 개인에서 상호작용으로의 이야기를 완성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Parallel Decisions API
업무 문제 하나를 조회 가능한 사실로 나눈 뒤 행동으로 옮길 수 있는 표로 조합한다. 주황은 질문의 초점과 최종 우선순위에만 쓴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
1990년대 브라우저 콜라주
웹의 기억에 관한 짧은 문장을 중심축으로 두고 지식 삽화를 겹친 뒤 초기 웹페이지를 쌓아 콘텐츠 축적이 자연스럽게 브라우저 시대로 이어지게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
로고 집결 공개 · 8.0초
기존 도형을 최소 단위로 나눈 뒤 같은 색상 그룹으로 로고와 이름을 재조립한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Airtable｜AI로 앱 만들기
요청과 결과를 나란히 배치해 앱 생성을 보여 준 뒤 첨부 파일 업데이트와 다른 업무 사례도 같은 구성으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Mintlify Widget — 어디서든 사용자를 돕는 내장 에이전트
간단한 진입점 하나로 질문, 답변, 출처를 연결해 어시스턴트 기능을 기존 페이지에 자연스럽게 넣는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.