What is Antigravity, anyway?
In simple terms: "An IDE where programming beginners can build apps with AI help."
IDE? Still confusing. Even simpler: "The place where you write programs."
Just like you write text in Notepad, you write app code in Antigravity. As you work, the AI suggests improvements: "Hey, this could be better this way."
And the code you write becomes a working app instantly.
"Seriously, it's that easy?" — Yes, it is. Let's try it.
Step 1: Download Antigravity
First, go to the official Antigravity website:
You'll see a "Download" button in the top right. Click it.
Choose the version for your computer (Mac or Windows) and download.
Step 2: Install and Set Up
Double-click the downloaded file.
When you see a message like "Trust this app?," click "Yes."
Installation starts. A progress bar appears. In a few minutes, you're done.
Once complete, click "Launch Antigravity" or find Antigravity in your applications and double-click.
On first launch, a setup wizard appears.
"Create new project" → "Enter a project name" (example: "My First App") → "OK."
Step 3: Your Project Opens — Time to Start
Antigravity is now open. The screen has three main sections:
Left: File Tree
Your project files appear here. Initially, these auto-generated files show up:
main.js: Main codeindex.html: Web page structurestyle.css: Look and feel (colors, layout)package.json: Project settings file
Don't worry about these yet. Just know they exist.
Center: Code Editor
This is where you write. A blank space waiting for your program.
Right: Preview Pane
Your code appears here as a working app in real-time.
Write code, and you immediately see "Oh, it works like this!"
Step 4: Your First Code — Making "Hello World" an App
Programming tradition demands we start with "Hello World."
Find index.html in the left file tree and click it.
Write this in the center editor:
<!DOCTYPE html>
<html>
<head>
<title>My First App</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<h1>Hello World!</h1>
<p>This is my first app.</p>
</div>
<script src="main.js"></script>
</body>
</html>After typing, look at the right preview pane.
"Hello World!" and "This is my first app." are showing!
Amazing. Code you wrote became a working app.
Step 5: Meet the "AI Assistant"
This is where Antigravity's real power shines.
In the bottom right, there's an "Antigravity AI" bar (if you can't find it, go to the menu and click "Show AI Assistant").
Here, you give instructions, and the AI helps with your code.
Try this:
"Add a button. When clicked, it increases a counter."
What the AI does:
- Reads your instruction
- Analyzes your existing code
- Generates the right HTML, CSS, and JavaScript
- Automatically adds it to your code
Look at the right preview. You see "Count: 0" and a "+1" button.
Click the button, and the counter goes 1 → 2 → 3…
You didn't write any code. The app was built for you.
This is Antigravity's essence.
Your First Hands-On Moments — Getting a Feel for Letting AI Write
Once the counter works, resist jumping straight to a bigger app. Spend a few minutes building tiny pages first. A handful of small experiments is what makes the loop — describe it, AI writes it, watch it take shape on the right — feel natural. Whenever I try a new tool as an indie developer, I still check for that quick sense of momentum before I worry about how big the result is.
A self-introduction page is a great first one. Ask the AI in plain language:
"Create a simple About Me page. My name is Jane Smith, my hobbies are reading and hiking. Please use soft, warm colors."
In seconds, a pastel page with your name and hobbies appears. The preview on the right shows exactly what you just asked for — and that first moment tends to be the one you remember.
When you're ready, try something with motion:
"Make a page that shows the current time, updating every second. Big, easy-to-read numbers."
Watching the digits tick forward, one second at a time, is when "the code is actually running" finally clicks.
At this stage, don't force yourself to read the code panel in the middle. Keep your eyes on just two things: the AI chat and the preview. The code itself can wait until building feels fun.
If something doesn't come out right, don't overthink it — just say "Please try again," and the AI rebuilds it from scratch. And if you're not sure what to make, asking "What are some simple beginner projects I should try?" is a perfectly good move.
Step 6: Building Something More Complex
"OK, got the counter. Now I want a simple TODO list."
Tell the AI that.
The AI automatically creates:
- Text input (for new TODOs)
- "Add" button
- TODO list display
- "Done" button for each TODO
- When "Done" is clicked, the TODO shows a checkmark
Look at the right preview. "It's actually a TODO app!"
You didn't write one line of code.
Step 7: Customizing — Making It Yours
The AI's version is basic. But maybe:
"I want brighter colors." "Make the font bigger." "Add a delete button too."
You can either edit code directly, or tell the AI: "Please fix this."
Example:
"Make TODO items have a delete button using an icon."
The AI updates the code. Right preview refreshes.
Important Note: You Choose
Don't rely 100% on AI or write 100% manually. Use both as needed, based on your skill and time.
Step 8: Understanding Project Structure
You've got the basics down. Let's understand the structure.
HTML File (index.html)
The "skeleton" of your web app. It decides "button here, text there."
CSS File (style.css)
The "look." Colors, fonts, sizes, layout — all decided here.
JavaScript File (main.js)
The "behavior." "When I click the button, the counter goes up" — that's defined here.
JSON File (package.json)
Project-wide settings. Ignore this for now.
Step 9: Saving and Sharing
You want to save your work, right?
Menu → "File" → "Save."
Your project saves to your computer. Open it again later, and it's the same.
Sharing
"I want a friend to see this TODO app."
Menu → "Share" creates a public link.
Send it to your friend, and they can see your app in their browser.
Step 10: This Is Just the Beginning
You understand the basic flow now.
Next, imagine the apps you want to build:
- "I want a money-tracking app" → Ask AI to build it
- "I need a shared shopping list" → Build it
- "I want a study progress tracker" → Build it
With Antigravity and AI, you can do it without programming knowledge.
The Bottom Line: Experience the Joy of Creating
Antigravity was built to lower the barrier to app building.
Apps that normally take a month can be built in a day. That's revolutionary.
Please try it. The feeling of seeing your imagined app actually run? It's genuinely exciting.