VibeVariant

Create and preview website variants with AI prompts or editable JavaScript and CSS.

Create and preview website variants directly in Chrome. Describe a change in plain language, refine it in a conversation, and review the editable JavaScript and CSS alongside your page. VibeVariant helps marketers, designers, developers and experimentation teams turn website ideas into working variants. WHAT YOU CAN DO • Create projects with URL targeting and organize multiple variants. • Ask AI to change page copy, styling, layout or behavior. • Select an element to focus your request on a specific part of the page. • Add a reference image to a prompt. • Compare reference-led changes with rendered-page screenshots and review the resulting visual findings. • Continue a conversation to refine a saved variant. • Review and manually edit the variant's JavaScript and CSS. • Preview changes on matching pages in your browser and copy the code for your own implementation workflow. HOW IT WORKS 1. Open a website you are authorized to edit or test and open VibeVariant's side panel. 2. Sign in, create a project with URL targeting, and create a variant. 3. Describe a focused change or edit the JavaScript and CSS yourself. 4. Inspect the preview, refine your changes, and review the code before using it elsewhere. PREVIEWS AND SETUP Requires Chrome 138 or later. Enable Allow User Scripts in Chrome's extension details for VibeVariant to run variant previews. Website access must also be allowed for the pages you use. For reference-image visual comparison, keep the preview tab active and click the VibeVariant toolbar icon on that tab to grant temporary screenshot access. Protected browser pages and some page content cannot be edited. Reference comparisons capture up to three viewports at the current browser size and visible state. They do not test every screen size or interaction. Previews change the page in your browser. Publishing changes to your website, allocating experiment traffic and measuring results use your own tools. ACCOUNT AND PRICING An account and internet connection are required. New accounts receive a one-time trial of 20 AI credits, valid for 7 days. AI requests consume credits. Paid monthly subscriptions and additional credit packs are available; current prices and limits are shown in the service. Subscriptions renew until cancelled. DATA AND CONTROL To create and verify edits, VibeVariant processes relevant page URLs, titles, text, DOM structure, attributes, layout and styles, along with your prompts, code and submitted reference images. Relevant context is sent through VibeVariant's service to OpenAI for AI-assisted changes. Page URLs are also checked to match project targeting and maintain active previews after navigation or reload. For reference-led visual verification, screenshots of the rendered preview pass through VibeVariant's API to OpenAI for immediate comparison. These captures can include surrounding visible content. Screenshot pixels are not saved in VibeVariant's storage or conversation history; textual findings and metadata may be retained. Uploaded reference images remain with their chat under the attachment policy. Provider data handling is described in the privacy policy. Use pages and attachments you are authorized to share, and avoid sensitive information. You can end previews and control site access in Chrome. Optional usage analytics is off by default; error-report sharing is on by default and can be disabled separately. See the privacy policy for account, storage, diagnostics, support and provider details. Privacy: https://vibevariant.com/privacy Terms: https://vibevariant.com/terms Support: hello@vibevariant.com