Copying

Copying

On a piece's detail page, press Copy prompt, Copy HTML or Copy React. Copying and adding need an account, so the first press opens a window where you sign in with an email code.

Three formats

Prompt
A written description of the piece. Give it to your agent and it moves the work into your project, whether that's React, Vue or Svelte. It fits any stack, so it's the one to try first.
HTML
One document that opens as it is, with its styles inside.
React
One component file, with 'use client' at the top.

Full pages also offer Copy theme, which gathers their colours and fonts. Motion pieces made as video can be saved with Download video.

What the sign-in window does

Browsing and previews need no account. Adding a piece, the prompt, HTML, React and the code tabs do. So the first time you press one of them, this happens.

  1. A window opens over the page. Your filters and any values you changed stay as they were.

  2. Enter your email and a six-digit code arrives. It lasts 10 minutes. If you can't see the email, check your spam folder. You can ask again after 60 seconds, up to five codes an hour.

  3. With a new address, you agree to the terms and the privacy notice and confirm you are 14 or over.

  4. What you were doing then finishes itself. If your browser blocks the automatic copy, one more press does it.

Adding pieces

Add gathers pieces on your account. Open Taken at the top of the page to copy all their prompts at once. Code is copied piece by piece, because separate files don't combine into one that runs.

Matching your brand

On a component or motion detail page you can change the corners and the accent colour, and copied code carries those values. The movement stays the same. Full pages don't have this.

Where you can use copied code

Copied code is free for personal and commercial projects, and you can change it to fit. You don't need to credit anyone. Redistributing or selling pieces as a library or template is forbidden, and that includes collections of changed pieces.

Publishing or selling a finished website, app or product built with pieces is fine. The details are in Article 7 of the terms.

Pieces that use GSAP need GSAP to run. Vyblor doesn't distribute it, and it comes under GSAP's own licence. Those pieces show the dependency and a licence link on their detail page.

Copy it yourself

Your browser blocked copying. Select the text below and copy it.