Buttons that feel right.
Point at them. Press them. Every small reaction is already designed, so nothing feels cheap.
Your AI builds the app.
Goop makes it look
Goop gives your AI design sense. It is a ready-made look for your app: buttons, menus, forms and all the rest, already designed. Your AI uses them instead of making things up.
Made for
- Claude Code
- Cursor
- ChatGPT
- Lovable
- v0
- Bolt
Inbox980 × 610
$20 a month when it is out. One email, nothing else.
The problem
AI can build almost anything. It just can't make it look good by itself.
Buttons that don't match. Menus that look broken. A dark mode that sort of works. You can tell an app was made by AI, and so can the people using it.
Goop hands your AI the good parts, so it stops guessing.
AI by itself
A different button on every page
Menus that get cut off
Dark mode that is half done
No idea where the keyboard is
With Goop
One look, on every page
Menus that open properly
Dark mode built in from the start
Works with a keyboard, visibly
What's inside
All the parts an app is made of.
Here are six of them. They are not pictures: every one works, so go ahead and play. Then change their colour with the bar at the bottom of your screen.
Switches and checkboxes.
They move the way they do in the apps you use every day. Try them.
Boxes to type in.
Click inside one. You can always see where you are, with a mouse or with the keyboard.
Menus that open properly.
Menus are where AI-made apps most often look broken. Open this one and look closely.
Tabs, three ways.
For switching between pages or views. Pick the style that suits your app.
Little messages.
Press the button. A note slides in to say it worked, then leaves on its own.
67 parts in the first look.
You just tried six. Here is everything, grouped by what it is for. Type a name, or press one, to try it right here.
67 parts
Plus ready page layouts to start from: an app frame, a list, a detail page and a settings page.
Buttons and inputs · 17
Menus and pop-ups · 8
Getting around · 11
Lists and tables · 11
Numbers and charts · 6
Messages and small touches · 10
Whole-page pieces · 4
How it works
You keep talking to your AI. Goop does the rest.
- Step 1
This is what AI makes by itself.
It works, but it looks like every other AI-made app. Purple button, random spacing, nothing quite lines up.
- Step 2
Add Goop to your project.
Once. It puts the ready parts in your project, next to a set of rules written for your AI.
- Step 3
Ask again. Same screen, finished.
"Build me a task list." Say it the way you normally would. Your AI reads the rules, picks the right parts, and checks its own work.
Keep scrolling. The screen on the right changes as you go.
With GoopAI by itself
📋 My Tasks
Finish the sign-up pageDONE ✅
Add a search boxTODO
Make dark mode workTODO
3 tasks total
JA1 of 3 done
The purple version is an illustration of a typical result, not a real product.
Want your app to come out like that?
Goop is almost ready. Leave your email and hear the day it is out.
The rules
Goop doesn't only give your AI parts. It gives it rules.
This is the part other kits leave out. A pile of nice buttons doesn't help if your AI ignores them and makes its own. Goop comes with a short set of instructions your AI reads before it builds.
- 01
Use the ready part.
If Goop has a button, your AI uses that button. It never draws its own.
- 02
Make up nothing.
Every colour, size and corner comes from Goop. No guessed values.
- 03
If it is missing, say so.
Where Goop has no part for something, your AI leaves it out and tells you, instead of inventing one.
- 04
Don't get creative with the look.
Your AI is told not to "improve" the fonts, colours or spacing to seem distinctive.
It knows what pages look like.
Goop teaches your AI five kinds of page and where everything goes on each, so a new screen starts from a layout that already works.
A listA detail pageA split viewSettingsAn empty state
It checks its own work.
Before your AI says "done", Goop has it look at its own screen, go through a checklist for that kind of page, and fix what it finds.
It tells you what it didn't do.
Each time, your AI ends with what it ran, what it could not check, and anything in the instructions that was wrong or missing.
Who it's for
However you build.
You describe it, your AI builds it, and Goop makes it look right. You never have to touch the design.
Nothing new to learn
Works from the first thing you ask for
Every page matches the last one
Make it yours
Your colours. Your corners. Still matching.
Pick a colour, round the corners or go dark. Everything on this page changes together, so your app never ends up half one style and half another.
Colour
Corners
Mode
This week
up +12%1,204visits
86sign-ups
12paying
Sign-ups
Storage used
Seats6 of 10
Like what you see?
One email, the day it is out. Nothing else.
Pricing
One price. Everything included.
$20 a month gets you every look we make, and every new one. Nothing to compare, nothing to add on. The design file for Figma is free.
a month$20 a month
Every look we make, ready for your app
All the small details: hover, focus, dark mode
The guide your AI reads
Change colours and corners whenever you like
New looks as we finish them
You can't buy Goop yet. Leave your email and we'll write once, when you can.
Questions
Fair questions.
Short answers to what people ask first.
AI tools build what works, not what looks good, because nothing tells them what good looks like. Goop gives your AI a finished look to build with and a short set of rules for using it, so its screens come out consistent and designed instead of improvised.
Left to itself, an AI tool falls back on the same defaults every time: a purple gradient button, uneven spacing, a slightly different style on every page. It has no design sense of its own. Goop replaces those defaults with one designed look, used the same way everywhere.
Give your AI better parts to build from. When Goop is out, you add it to your project and keep asking your AI for things the way you do now. It uses Goop's buttons, menus, forms and page layouts instead of inventing its own.
No. If you can describe what you want to an AI tool, you can use Goop. It adds the parts and the rules to your project; your AI does the building.
Goop is made for AI tools like Claude Code, Cursor, ChatGPT, Lovable, v0 and Bolt. More generally: any AI tool that builds React apps styled with Tailwind and can read the files in your project. If you are not sure what yours builds, ask it: "Is this a React and Tailwind project?"
Yes. Colours, corners, and light or dark are yours to change, and everything changes together. Try it on this page with the bar at the bottom.
The design file for Figma is free. It has the same parts, with the same names, as the code.
The parts of the first look are finished. Whole pages, an easy way to add Goop to a project, and the Figma file come next. Leave your email and you will hear once, the day it is out.
Where we are
Honest progress.
What is finished, what comes next, and what is not there yet.
- DoneAll the parts of the first look.
- Coming nextWhole pages, an easy way to add Goop to your project, and the free Figma file.
- Not yetBuying. Nothing is for sale today.
Guides
Make AI-built apps look designed.
Short, practical reads. Useful whether or not you ever use Goop.