Skip to main content
Variant

Variant – Endless Design Options for Your Ideas, Just Scroll

ai designui generationdesign inspirationprototyping

Enter an idea for an app or a site and scroll through endless design directions. No canvas, no prompt loop — stop when a design catches you. Export to HTML or React.

★ 9 Last Updated: 2026-11-08 variant.com
Visit Website

Detailed Introduction

Variant attacks the beginning of design

Most AI design tools want you to explain yourself: which style, which palette, who it's for. That's exactly what you can't articulate when the idea is five minutes old. Variant swaps the empty canvas for a feed you scroll — type "a travel app" or "a podcast site", then keep scrolling, and each stop is another reading, another visual language.

It's built by Ben South, previously VP at Postmates and founder of Sonar and Bold. His thesis: the hard part is direction, not refinement. People don't struggle to adjust a design, they struggle to know which way to take it.

How it works

There is nothing to learn. A prompt box sits in the corner; type, and generation doesn't stop after one answer. Scroll until something catches you. The same prompt can land in wildly different places — one riddle game app came back as bold red-orange with a cyclops mascot and heavy black type, another as deep hunter green with a leaderboard and Italianate serif, a third as clean white with display serif at near-editorial scale. Same structure, three different worlds.

Exploring at scroll speed beats writing prompts, with the tradeoff that you're the one who has to judge a whole feed of options.

Style Dropper and the rest

  • Style Dropper — a design eyedropper. Point it at any generated design and it absorbs the visual DNA: palette, typographic rhythm, spatial density. Aim it elsewhere and the style transfers, layout rearranging to match. South calls it "absurd and it just works."
  • Shuffle Layout / Remix Colors / Vary Strong·Subtle — re-roll parts of an existing result instead of starting over.
  • Export — every design exports as HTML, or on request as React, so visual exploration turns into a working prototype.
  • Community gallery — useful for seeing the ceiling: dot-matrix monochrome techno flyers, brutalist portfolios, green-on-black sci-fi terminals.

Pricing and the catch

Per third-party reviews, Variant is freemium: a free tier in the range of 300 designs per month, Pro around $20/month, custom pricing for teams. Treat those numbers as indicative — the site only exposes full pricing once you're inside a workspace.

The weakness is editing. Variant is good at producing many directions and weak at precise fixes: overlapping elements and bad spacing are handled by re-rolling, not by pointing at the problem. Getting to a finished screen still means Figma or editing the exported code.

Who it fits

The earliest stage of a project, when nobody knows the style yet and you need to compare a dozen possibilities at a glance. Also good for demos and internal alignment — sending a link beats describing "something more premium". Not the tool for tightening pixels against an existing design system.

Footer Design – Curated Website Footer Inspiration Gallery

A curated gallery of the best website footers on the web, sortable by type and style — typographic, illustrative, grid, cards, animated and more — with editor's picks and links to the originals.

web designfooterinspiration

Navbar Gallery – Navigation Design Inspiration Collection

A curated gallery of the best website navbar designs on the web, filterable by type — static, dropdown, mega menu, sidebar, search bar and more — with links to the live sites.

web designnavbarinspiration

Scrolltide — Cinematic Scroll-Driven Website Templates & AI Prompts

A curated library of scroll-driven website templates, components and shaders delivered as prompts. Copy a prompt, paste it into your AI, and launch a site that actually moves.

web designpromptsscroll animation

shadcn/ui: Build Your Own Component Library with Copy-Paste Flexibility

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

UI ComponentsOpen SourceTailwind CSS

Header Name: Free Social Banner Generator

Create free personal-brand banners for X, LinkedIn, YouTube and GitHub with 48 templates, local-first editing, PNG/SVG exports and a one-click ZIP.

freeSocial Banner GeneratorPersonal Branding

Canva Magic Design – Instantly Turn Ideas into Beautiful Designs with AI

Canva Magic Design is an AI-powered feature offered by Canva, the popular online graphic design platform. It allows users to instantly generate professional-looking designs by simply uploading an image or typing a prompt. Tailored for marketers, content creators, and everyday users, Magic Design removes creative blocks and speeds up the design process with smart automation and customization tools.

aiAI DesignGraphic Design