Learn how to build a complete modern website using Google Stitch 2.0 and Antigravity.
This step-by-step guide will help you design UI/UX, connect APIs, fetch designs, and deploy a React website easily.
Why Use Google Stitch + Antigravity?
This powerful combination allows you to:
- Create modern UI/UX designs instantly
- Convert designs into real websites
- Automate development using MCP connection
- Deploy fast with React
Step 1: Use Smart Prompt for UI/UX Design
Use a powerful prompt that includes everything needed to generate a modern, professional website design.
Important Tip:
You can also replace the website URL inside the prompt to match your desired design style.
IMPORTANT:
* Replicate the exact layout structure, spacing, and section flow from the reference website
* Use modern UI with smooth spacing, clean typography, and inverted border section transitions
* Sections should have alternating backgrounds with soft curves or angled (inverted) separators
Prompt :
Recreate a 100% visually and structurally similar website inspired by https://physeo.wpengine.com/ with a modern, premium neurologic physical therapy clinic style.
Design Style:
– Full-width layout
– Alternating light/white backgrounds
– Inverted curved or diagonal section dividers
– Soft shadows on cards
– Clean, minimal UI (high-end medical feel)
– Smooth spacing and visual hierarchy
– Subtle gradients
– Modern animations (fade-in, scroll reveal, hover effects)
– Fully responsive on all devices (mobile, tablet, desktop)
Color Direction:
– Primary: Soft medical blue tones (#E4F0FF and similar)
– Secondary: White, light gray
– Accent: Dark text for readability
Typography:
– Clean sans-serif (modern healthcare style)
– Strong hierarchy (bold headings, readable body text)
————————————————–
CREATE PAGES:
1. Home
2. About Us
3. Services
4. Contact Us
5. Book Appointment
————————————————–
HOME PAGE STRUCTURE (FOLLOW EXACT ORDER + CONTENT):
————————————————–
SECTION 1: HERO
Heading:
Neurologic Physical Therapy & Wellness Gym in East Hanover, NJ
Subheading:
Helping people with neurologic conditions move better, regain independence, and live with confidence.
Buttons:
– Book a Visit
– Contact Us
Design:
– Full-width hero section
– Background image (therapy/clinic environment)
– Dark gradient overlay for readability
– Center-aligned text
– Smooth entrance animation
————————————————–
SECTION 2: ABOUT
Paragraph:
At Neuro Pro Wellness LLC, our goal is simple: to help you achieve your goals. Whether it’s walking again, climbing stairs, improving balance, or regaining independence in daily life, we design therapy around what matters most to you. Our East Hanover neurologic physical therapy gym is equipped with advanced rehab technology and highly trained staff to offer you elite, focused 1-on-1 care.
Design:
– Two-column layout (image left, text right)
– Soft light background
– Curved or diagonal section divider
– Subtle animation on scroll
————————————————–
SECTION 3: FEATURES / VALUE
Paragraph:
Advanced equipment and evidence-based techniques designed to rebuild strength, improve mobility, and restore independence step by step.
CTA:
See More
Design:
– 3–4 icon-based cards
– Centered layout
– Background color: #E4F0FF
– Soft shadows + hover lift effect
————————————————–
SECTION 4: TEAM / FOUNDER
Name:
Lexi McGivern
Subheading:
PT, DPT, NCS
Paragraph:
Lexi is the owner and founder of Neuro Pro Wellness, LLC. As a board-certified Neurologic Clinical Specialist, with specialized training from Mount Sinai Hospital and Kessler Institute for Rehabilitation – Lexi brings advanced expertise and compassionate care to every patient’s recovery journey.
Buttons:
– Contact Us
– Read More
Design:
– Profile image + text side-by-side
– Card-style layout
– Rounded corners + soft shadow
————————————————–
SECTION 5: SERVICES INTRO
Heading:
We provide specialized therapy for individuals living with
Paragraph:
If you are navigating life with a neurologic condition, we are here to help.
CTA:
Explore Our Services
Design:
– Center-aligned
– Minimal clean layout
– Prominent CTA button
————————————————–
SECTION 6: TESTIMONIALS
Paragraph:
Discover why patients trust Neuro Pro Wellness LLC with their recovery.
CTA:
Write A Review
Design:
– Testimonial slider or card grid
– Light background
– Smooth transitions
– Clean spacing
————————————————–
GLOBAL FEATURES:
– Sticky header with navigation
– CTA button in navbar (Book Appointment)
– Smooth scrolling
– Section-based animations (fade-in, slide-up)
– Hover effects on buttons and cards
– Consistent spacing system (padding/margins)
– High contrast for accessibility
– SEO-friendly structure
————————————————–
GOAL:
Build a premium, modern, conversion-focused physical therapy website that matches the structure and feel of the reference site while maintaining a clean, trustworthy, and high-end medical brand aesthetic.
Step 2: Generate API in Google Stitch
To connect your project with Antigravity, you need to generate an API.
- Open your project in Google Stitch
- Generate API key
- Copy the API credentials
Next:
Connect this API inside Antigravity using MCP (Model Context Protocol).
Step 3: Connect API to Antigravity MCP
Now connect your Google Stitch project to Antigravity:
- Open Antigravity dashboard
- Go to MCP settings
- Paste your API key
- Link your project ID
Once connected, Antigravity will start fetching your design automatically.
Step 4: Generate 100% Similar Website Design
Use your prompt again to fetch and generate the full website design.
Important:
- Replace Project ID inside prompt
- Ensure MCP is connected
- Fetch design from Google Stitch
Use MCP Connected ProjectFetch Design from:
Project ID: YOUR_PROJECT_ID
IMPORTANT:
– Replace with your own project ID
– Ensure MCP connection is active
– Generate 100% similar UI/UX design
Step 5: Build React Website in Antigravity
Now convert your design into a real React website using Antigravity.
Antigravity will automatically:
- Convert UI into React components
- Structure pages
- Prepare for deployment
Run this command:
npm run build
npm run deploy
Step 6: Deploy Your Website
After building your React project:
- Upload to hosting or GitHub
- Connect your domain
- Go live instantly
Your modern website is now ready 🚀
Final Thoughts
Using Google Stitch 2.0 and Antigravity together allows you to go from design to deployment in minutes.
This workflow is perfect for developers, designers, and agencies who want speed and professional results.
Start building smarter, faster, and more efficiently today.