Varelyo
AI design in React. Components, design system grow with it
Varelyo launched on September 17, 2026 with 11 votes, #956 of 8,094 launches that month and more than 90% of that year's launches.
What it does
Design your React product, not another mockup. Varelyo is a local-first agent harness for Claude Code and Codex. It guides AI to design the product and create, reuse, and validate React components, variants, tokens, and the design system as it grows. Code stays the source of truth, with no canvas-to-code handoff. Use your existing Claude Code or Codex CLI subscription no extra AI subscription needed. Then add your business logic.
Varelyo is an AI UI generator for React. Start with existing code, a Figma design, or a blank project and build running UI, a design system, and reviewable React code.
Connect your React component library and design product screens with AI. You get React code built from your components, not a mockup. The result is reviewable JSX, not another mockup your team has to rebuild. See Varelyo in action Go from prompt to polished UI without rebuilding it in code later. Your components, variants, and design-system tokens stay connected throughout. Ask for a dashboard, then refine it visually with layers and a live preview—all while working with real React components. Core plus the everyday catalog; primary variants with full states and a story per variant. Add files, choose skills, and set your design system depth so AI builds within your product’s rules. Adjust…from varelyo.com
Does a similar job
all alternatives →
Design Agent by LokumaMar 2026 · lokuma.ai · ▲431The designer for your AI agents (Openclaw, CC, Codex)
AgentAPI – HTTP API for Claude Code, Goose, Aider, and Codex2025 · github.com · ▲163HTTP API for Claude Code, Goose, Aider, Gemini, Amp, and Codex - coder/agentapi
HarnessRouter Community EditionAug 2026 · harnessrouter.ai · ▲397Open-source unified interface for agent harnesses
- ATAI Tool Is Now Supporting React, Angular, CSS, Svelte, Vue2024 · webcrumbs.org · ▲97
Libretto – Making AI browser automations deterministicApr 2026 · github.com · ▲134Libretto (https://libretto.sh) is a Skill+CLI that makes it easy for your coding agent to generate deterministic browser automations and debug existing ones. Key shift is going from “give an agent a prompt at runtime and hope it figures things out” to: “Use coding agents to generate real scripts you can inspect, run, and debug”. Here’s a demo: https://www.youtube.com/watch?v=0cDpIntmHAM. Docs start at https://libretto.sh/docs/get-started/introduction. We spent a year building and maintaining browser automations for EHR and payer portal…
More ai this month
the category →
Paintings by AI models: programs run through a simulation of oil paint.
AI · 20d ago · stillwet.art
PixVerse R2▲381A real-time world model you can explore and change
AI · 29d ago · world.pixverse.video
Source: Product Hunt launch ↗
Launched alongside, September 2026
the whole month →
E-ink bird frame for Raspberry Pi - real-time bird detection by audio, fully local AI, rendered as real, hand-cut 1800s bird illustrations. - arnegiacomo/fugleramme
AI · Sep 2026 · github.com
- WI
Special relativity simulator in which light crawls along at a human speed, so Lorentz contraction, aberration and Doppler shift happen at walking pace.
Life & fun · Sep 2026 · rivendell.dmitrybrant.com
Start coding agents, control sessions, review PRs. Anywhere.
Dev tools · Sep 2026 · kilo.ai
