Building an Awwwards-Level Portfolio in Hours Using Google's Antigravity AI

New Year, New You Portfolio Challenge

--labels dev-tutorial=devnewyear2026

About Me

Hi, I'm Amit Sharma, a full-stack developer and creative thinker who loves building digital products that look as good as they work.

I'm currently working as a Software Development Engineer at 9AI, where I lead frontend development and focus on creating intuitive user experiences. My passion lies in bridging the gap between design and crafting a pixel-perfect UI

With this portfolio, I hope to express my identity not just as a coder, but as a creator who values aesthetics, performance, and attention to detail. I wanted a space that feels personal, dynamic, and "premium" to showcase my journey and the projects I'm proud of.

Portfolio

Portfolio link

How I Built It

Building this portfolio was an exercise in modern web development and "agentic" coding.

Tech Stack

• Framework: Next.js 14
• Language: TypeScript
• Styling: TailwindCSS & Framer Motion for animations
• Deployment: Google Cloud Run
• AI Assistance: AntiGravity

Design Decisions

I focused heavily on micro-interactions and smooth transitions. The goal was to make the site feel "alive" and give it an Awwwards-winning website feel.

• Typography: Used clean, modern sans-serif fonts to maintain a professional yet fresh look.
• Component-Based Architecture: Everything is modular. Data is separated into a content.ts file, making it easy to update the portfolio without touching the UI code.

Google AI Tools

I utilized Antigravity to:

1. Project Planning: Created the entire plan for the website including the design system from scratch, using only one image for the website's aesthetic.
2. Iterate on Design: Rapidly prototyped components like the "Selected Work" section, fine-tuned spacing/colors, and created a clean UI by giving the reference images.
3. Deploy: Generated the necessary Dockerfile and cloudbuild.yaml configurations to deploy seamlessly to Cloud Run.

What I'm Most Proud Of

1. Time Efficiency: I wanted to create a new portfolio for a long time but didn't have the time. With the help of Antigravity, I was able to create it within a few hours.
2. The Section UI/UX: I love how the achievement section turned out. The hover effects and the way the UI shown integrate with the typography feel very polished.
3. Animation: Added small micro-animations like magnetic buttons, a custom animated cursor, and smoother mobile header open/close transitions.