소셜 오브 복숭아.

모션 레퍼런스60개

움직임에는 이름이 있습니다. “부드럽고 세련되게”보다 이름 한 단어가 AI 에게 훨씬 정확하게 전달됩니다. 데모로 움직임을 고르고, 이름이 든 요청 문장을 복사해 붙여 넣으세요.

받는 쪽 · 코딩 AI

글자

등장

  • 타이핑 효과

    Typewriter effect

    커서가 깜빡이며 글이 한 자씩 쳐진다

  • 마스크 리빌

    Mask reveal

    가려진 틀 안에서 글줄이 한 줄씩 솟는다

  • 스플릿 텍스트

    Split text animation

    글자를 낱낱이 쪼개 차례로 등장시킨다

  • 블러 인

    Blur-in text

    흐린 글자가 하나씩 초점을 찾는다

  • 단어별 페이드 업

    Word-by-word fade up

    낱말 덩어리가 차례로 아래에서 떠오른다

  • 글자 낙하

    Letter drop

    글자가 하나씩 떨어져 바닥에서 튀어 선다

  • 3D 플립 인

    3D flip-in

    누워 있던 글자가 축을 따라 돌아 일어선다

  • 자간 펼치기

    Tracking in

    뭉친 흐린 글자 사이가 벌어지며 또렷해진다

  • 와이프 리빌

    Wipe reveal

    색 막이 덮었다 걷힌 자리에 글자가 남는다

  • 손글씨 그리기

    Handwriting draw

    필기체 획이 펜으로 쓰듯 이어 그려진다

  • 외곽선 → 채움

    Outline to fill

    테두리만 있던 글자 안이 아래부터 차오른다

  • 랜덤 등장

    Random letter fade

    글자가 뒤섞인 순서로 하나씩 켜진다

강조 · 반복

  • 웨이브 텍스트

    Wave text

    글자가 차례로 오르내려 물결이 지나간다

  • 그라데이션 텍스트

    Gradient text animation

    회색 글자 위로 색 띠가 옆으로 훑고 간다

  • 형광펜 효과

    Highlighter effect

    강조할 단어 뒤로 형광펜이 그어진다

  • 반짝임 훑기

    Text shimmer

    글자 위로 빛줄기가 비스듬히 한 번 지나간다

  • 글로우 맥동

    Glow pulse

    글자 둘레의 빛 번짐이 숨 쉬듯 커졌다 준다

  • 떨리는 글자

    Jitter text

    글자마다 제자리에서 잘게 엇박으로 떤다

  • 젤리 글자

    Jelly text

    눌려 납작해진 글자가 말랑하게 출렁인다

  • 고무줄 글자

    Rubber band text

    낱말이 옆으로 늘어났다가 튕기며 돌아온다

  • 취소선 긋기

    Strikethrough draw

    앞말 위에 줄이 그어지고 고친 말이 뜬다

  • 손그림 동그라미

    Hand-drawn circle

    강조할 말 둘레에 동그라미가 그려진다

  • 글자 색 물결

    Color wave

    제자리의 글자 위로 색만 차례로 번져 간다

바꿈 · 전환

  • 텍스트 스크램블

    Text scramble

    기호가 뒤섞이다 왼쪽부터 제 글자로 선다

  • 단어 돌려 바꾸기

    Rotating words

    문장 끝 낱말만 위로 밀려 다음 말이 된다

  • 타이핑 후 지우기

    Type and delete

    한 말을 쓰고 지운 뒤 다른 말을 쓴다

  • 글자 뒤집어 바꾸기

    Flip text swap

    글자가 반 바퀴 뒤집혀 뒷면의 새 말이 된다

  • 블러 크로스페이드

    Blur morph

    흐려지는 말 위로 다음 말이 또렷해진다

  • 글자 섞어 바꾸기

    Letter shuffle swap

    같은 글자들이 자리를 옮겨 새 낱말이 된다

  • 스플릿 플랩 글자

    Split-flap text

    글자판이 위아래로 넘어가며 새 말이 된다

  • 슬롯 롤링 글자

    Slot text roll

    칸마다 글자 띠가 돌다 차례로 멈춘다

  • 디코드

    Decode reveal

    기호에 가려진 문장이 앞부터 풀려 읽힌다

질감 · 글리치

  • RGB 분리 글리치

    RGB split glitch

    색 겹이 좌우로 잠깐 어긋났다 포개진다

  • 슬라이스 글리치

    Slice glitch

    제목이 가로 띠로 잘려 엇갈려 밀린다

  • VHS 노이즈 글자

    VHS text

    노이즈 띠가 지나는 자리의 글자가 밀린다

  • 네온 글자

    Neon sign text

    꺼진 관에 불이 몇 번 깜빡이다 켜진다

  • 픽셀 글자

    Pixelated text

    굵은 모자이크가 점점 고와져 글자가 된다

  • 입체 글자

    3D extrude text

    평평한 글자 뒤로 옆면이 밀려 나온다

  • 긴 그림자

    Long shadow text

    글자 그림자가 한쪽으로 길게 뻗었다 준다

  • 녹아내리는 글자

    Melting text

    글자 밑으로 물줄기가 늘어져 방울이 진다

배치 · 모양

  • 원형 회전 글자

    Circular text

    원 둘레에 놓인 글자가 천천히 돈다

  • 크롤

    Perspective crawl

    기울어진 바닥 위로 글줄이 멀어져 간다

  • 세로 티커

    Vertical ticker

    한 줄 띠 안에서 공지가 위로 넘어간다

  • 겹쳐 쌓인 글자

    Stacked echo

    속 빈 사본이 비스듬히 겹겹이 쌓인다

  • 글자 흩어짐

    Text explode

    글자가 돌며 사방으로 튀었다 다시 모인다

  • 글자 터널

    Text tunnel

    같은 글자 틀이 안쪽에서 끝없이 다가온다

  • 크게 꽉 채우기

    Fit-to-width headline

    줄마다 크기가 달라져 같은 폭을 채운다

  • 세로쓰기 흐름

    Vertical writing flow

    세로쓰기 줄이 오른쪽부터 한 자씩 써진다

  • 텍스트 온 패스

    Text on a path

    원을 따라 늘어선 글자가 둘레를 돈다

  • 텍스트 마스크

    Text mask

    글자 모양 구멍 안으로 줄무늬가 흐른다

반응 (호버 · 커서)

  • 호버 글자 들림

    Hover letter lift

    커서 바로 아래 글자 하나만 솟아오른다

  • 커서 근접 굵기

    Proximity weight

    커서에 가까운 글자일수록 굵어진다

  • 호버 스크램블

    Hover scramble

    커서를 올리면 글자가 섞였다 제자리로 맞춰진다

  • 호버 채움

    Hover fill

    커서를 올린 링크 글자가 옆으로 칠해진다

  • 자석 글자

    Magnetic letters

    가까운 글자일수록 커서 쪽으로 끌려간다

  • 클릭 튀는 글자

    Click burst text

    누른 자리에서 글자들이 튀었다 모인다

자석 글자

글자 · Magnetic letters

가까운 글자일수록 커서 쪽으로 끌려간다

칩을 고르면 프롬프트에 덧붙습니다 — 묶음마다 하나씩, 다시 누르면 빠집니다.

쪼개는 단위
시작 시점
구현