How to use
Vyblor is a design library of components, motion and full pages that you take as a prompt or as code. Browsing needs no account. To take something, you sign in with a code sent to your email.
If this is your first time
Look around
Find something you like in components, motion or full pages. Press a name to see it large on its detail page.
Get started
The first time you copy or add a piece, a sign-in window opens. Enter the six-digit code from your email and you're in. There is no password. You can also start now.
Copy
Choose a prompt, HTML or React. If you aren't sure, the prompt is the easiest. The differences are explained under copying.
Hand it to your agent
Paste the prompt into Claude Code or Codex and it builds the piece into your project. Names, prices and figures are examples, so replace them with your own.
To work straight from your agent
Besides copying from the site there are three more ways in. Use one or combine them. The skill works without the library, and it also tells your agent when to reach for it.
- Skill
- Gives your agent design judgement. It holds no code and needs no account.
- MCP
- Lets your agent find and fetch pieces itself. It connects with an API key from your account.
- CLI
- Finds pieces from the terminal and saves them as files, with the same API key.
If you get stuck, try the questions first.