Share
What is Varelyo?
Varelyo is an AI UI design tool for React teams. Start from a prompt or a Figma design and get a working screen assembled from your project's own components and tokens, which you can then refine visually.
Design that lives in the code
Rather than producing a separate mock-up, Varelyo works inside your React repository. It reads your UI kit, reuses components that already exist and creates missing ones from your colour, type and spacing tokens. Every new screen grows the design system, and what you get is reviewable source code.
Three ways in
- On an existing React project, wired to your components.
- From a Figma design converted into React code.
- From scratch, generating the design system, base components and first screen.
A layer and props inspector is built in, and the heavy lifting runs through agents such as Claude Code, Codex or Gemini CLI, so there is no in-house model and those subscriptions are not included.
Pricing
The first 5 prompts are free with no account, followed by a 14-day trial. After that it is $9 a month or a $49 one-time licence with a year of updates, for one user on up to two Macs.
Varelyo features and use cases
How to use Varelyo
Varelyo FAQ
What is Varelyo?
A macOS AI design tool that builds interfaces inside React projects using their existing components.
Does it work with my current React codebase?
Yes, it reads your components and tokens and reuses them on every screen.
Can it turn Figma into React?
Yes, a Figma design can be the starting point for generated React code.
Does it ship its own AI model?
No, it runs through agents such as Claude Code, Codex or Gemini CLI, billed separately.
Is there a Windows version?
The current download is macOS only.
What does pay once mean?
You pay $49 a single time, keep the app forever and get 12 months of updates.
Do I need to renew after a year?
No, keep using the last eligible version; later updates are optional.
Can I try it before paying?
Yes, five prompts are free without an account, then there is a 14-day trial.
Varelyo pricing and plans
Reference price: 9 USD / month. Source · Verified: October 22, 2026
Prices in US dollars (USD) per user; third-party AI subscriptions and usage are not included. Checked on: 22/10/2026.
Trial: 5 free prompts with no account, then a 14-day trial.
Monthly: $9/month
- Always on the latest release
Pay once (founding price): $49
- Perpetual licence with one year of updates
- One user, up to two Macs
- Keep using the last eligible version after the first year
Varelyo Screenshots
Varelyo alternatives
Agent-Native
Agent-Native is an open-source TypeScript framework for building AI agents with a proper UI, where the agent and the interface share actions, data and state.
