복사하기

복사하기

조각의 상세 화면에서 프롬프트, HTML, React 중 하나를 눌러 복사해요. 복사와 담기는 계정이 있어야 해서, 처음 누르면 이메일 코드로 시작하는 창이 열려요.

세 가지 형식

프롬프트
조각을 설명하는 글이에요. 에이전트에게 주면 React든 Vue든 Svelte든 내 프로젝트에 맞춰 옮겨 줘요. 스택을 가리지 않아서 가장 먼저 권해요.
HTML
파일 하나로 바로 열리는 문서예요. 스타일도 그 안에 들어 있어요.
React
컴포넌트 파일 하나예요. 맨 위에 'use client'가 붙어 있어요.

전체 페이지에는 색과 글꼴을 묶은 테마 복사가 하나 더 있고, 영상으로 된 모션은 영상 받기로 내려받을 수 있어요.

시작하는 창이 하는 일

둘러보기와 미리보기는 계정 없이 돼요. 담기, 프롬프트, HTML, React, 코드 탭은 계정이 있어야 해요. 그래서 이 버튼을 처음 누르면 이렇게 이어져요.

  1. 보던 화면 위로 창이 열려요. 고른 필터와 바꾼 값은 그대로 남아요.

  2. 이메일을 넣으면 여섯 자리 코드가 와요. 코드는 10분 동안 쓸 수 있어요. 메일이 안 보이면 스팸함을 확인해 주세요. 60초 뒤에 다시 보낼 수 있고, 한 시간에 다섯 번까지 받을 수 있어요.

  3. 처음 쓰는 이메일이면 이용약관, 개인정보 수집과 이용, 만 14세 이상 세 가지에 동의해요.

  4. 끝나면 누르던 동작이 저절로 이어져요. 브라우저가 자동 복사를 막으면 버튼을 한 번만 더 누르면 돼요.

담기

조각 여러 개를 내 계정에 모아 두는 기능이에요. 화면 위쪽의 담은 조각을 열면 프롬프트를 한 번에 복사할 수 있어요. 코드는 파일을 하나로 합칠 수 없어서 조각별로 복사해요.

내 브랜드에 맞추기

컴포넌트와 모션의 상세 화면에서 모서리와 강조색을 바꿀 수 있어요. 바꾼 값은 복사하는 코드에 그대로 들어가요. 움직임은 바뀌지 않아요. 전체 페이지에는 이 기능이 없어요.

복사한 코드는 어디에 쓸 수 있나요

복사한 코드는 개인 프로젝트와 상업 프로젝트에 무료로 쓸 수 있고, 내 프로젝트에 맞게 고쳐도 돼요. 출처를 표시하지 않아도 돼요. 조각을 라이브러리나 템플릿으로 재배포하거나 판매하는 것은 금지예요. 고친 조각을 모아서 그렇게 하는 것도 마찬가지예요.

조각으로 만든 완성된 웹사이트, 앱, 제품을 공개하거나 판매하는 것은 괜찮아요. 자세한 내용은 이용약관 제7조에 있어요.

GSAP을 쓰는 조각은 GSAP이 있어야 움직여요. GSAP은 Vyblor가 배포하는 것이 아니라 GSAP의 라이선스를 따라요. 그런 조각은 상세 화면에 의존성과 라이선스 링크를 표시해 두었어요.

직접 복사해 주세요

브라우저가 복사를 막았어요. 아래 글을 선택해서 복사해 주세요.