Stop the Figma ping-pong

Which version does the client actually want?

Stop guessing. Drop two or three versions of a block into your code and let the client flip between them on the live site until they land on the one.

Get started
Open-source variant picker

Build a few versions Let the client pick

Stop guessing. Drop two or three versions of a block into your code and let the client flip between them on the live site until they land on the one.

Get started

See every version on the real site, not a mockup

Build a few takes on a block, ship them to staging, and switch between them live. Your client picks the winner in the actual layout, on the actual site.

Get started

How it works

From install to a clicked choice in three steps

Step 1

Install the package

Add Whichly to your project and wrap your app. One line to install

$npm i @whichly/react
Step 2

Add your variants

Write two or three versions of a block right where it already lives in your code

Read the docs
Step 3

Switch on the site

Deploy to staging and open the link. Flip between versions live, see each one in the real layout, and pick the one that works

Frequently asked questions

The short version: it's inert in production, it's just your React code, and the client never installs a thing.