Skip to content
Neat LabsJoin the waitlist
In development

Edit the site.
Get the pull request.

Neat Labs is a design editor for Next.js teams. It learns your components and tokens, opens your running app on a canvas, and turns what you draw, drag, or ask for into a pull request written in your own code.

acme-analytics / pricingPreview of your running app

Acme Analytics

Pricing

Starter

For side projects

$0/mo

Choose Starter

PricingCard components/pricing-card.tsx:13

Team

For growing products

$49/mo

Choose Team

Scale

For larger teams

$199/mo

Choose Scale

Request

Make the Team plan stand out.

Change in app/pricing/page.tsx

  <PricingCard {...starter} />
- <PricingCard {...team} />
+ <PricingCard {...team} highlighted />
  <PricingCard {...scale} />

Used the existing highlighted prop on your PricingCard. No new markup.

AcceptTry again

How it works

  1. 01

    Connect a repo

    Install the GitHub app on a Next.js repo. Neat Labs reads your components, their props and variants, your tokens, and where each one is used, and shows you what it found with the file and line for every item.

  2. 02

    Open your running app

    Your site runs from your own code in an isolated sandbox. Click anything on the page to see which component and file it came from.

  3. 03

    Draw, drag, or ask

    Sketch a section, drop in a component from your library, or describe a change in a sentence. The change is made in your code, with your components and tokens, and shows up on the page before you accept it.

  4. 04

    Review the pull request

    Accepted changes become a pull request with before and after screenshots. You review and merge it the way you merge everything else.

It works on your code, not a copy of it

Your code stays the source of truth.
There is no second copy of your design to keep in sync. Every edit starts from your latest commit.
Your components come first.
If you already have a component that fits, that is what gets used. Anything new is called out in the pull request.
Nothing ships without you.
Neat Labs never pushes to your main branch and never deploys. Every change is a pull request.
Your code runs apart from everything else.
Each editing session gets its own sandbox, with no access to our servers or anyone else's code.

Available today

While the editor is in development, the library it draws from is open to use. The source is on GitHub.

Try it on your repo first

We're starting with a small group of Next.js teams. Leave your email and we'll invite you when it's ready.