From saved references
to clear design direction.

ViRef helps you collect inspiration, understand the details,
and turn your references into a design brief you can build from.

ViRef reference library with screenshots, search and filters
Inside the ViRef workspace

Saving a reference is easy.
Making it useful is the next step.

ViRef is a workspace for your screenshots, website references and design notes. Keep what caught your eye, organize your thinking, and bring different ideas into one clear direction.

Collect inspiration Clarify your intent Create a brief

How ViRef works.

Save what inspires you. Understand what to borrow.
Bring it into one clear plan.

Library → Add reference in the ViRef demo workspace

Keep the reference. Keep the context.

Save a screenshot or website link. Add what caught your eye, then group related references into collections for your project.

Your inspiration, organized and easy to find.Library → Add reference

A direction you can see.
A brief you can use.

Your references become a shared visual foundation, a section plan,
and a structured handoff for your next build.

A shared foundation

Keep typography, palette and layout decisions together so the whole project feels consistent.

A clear section plan

Give each section a reference, a purpose and the details you want to carry forward.

An implementation brief

Copy or export Markdown or JSON. Bring it to your builder with the source screenshots.

Create your design direction
The actual ViRef implementation brief dialog, showing a shared visual foundation and copy and export controls
Preview from inside ViRef

Before you
make it yours.

What can I save in ViRef?

Save screenshots and website links, add your observations, and organize references into collections. You can reuse the same reference across different collections.

Do I need an AI account to use it?

No. You can collect references, write notes, and plan a direction manually. If you want AI assistance, prepare a reference for your preferred external AI tool, then paste and review the result in ViRef.

Does ViRef build a website for me?

ViRef creates design guidance and implementation briefs. Export Markdown or JSON, attach your source screenshots, and bring the brief to your builder or collaborator.

How does my workspace work?

No login is needed. A browser cookie connects you to a private workspace. Switching browsers or losing that cookie opens a different workspace; cross-device recovery is not currently available. Export briefs you want to keep.

Your next project,
with a clearer direction.

Save the references that inspire you. Keep the details that matter.
Turn them into a brief for whatever you build next.

Start with a reference

A closer look