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

Amit Kumar Sharma — Mon, 26 Jan 2026 19:48:38 +0000

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
Styling: TailwindCSS, React Three Fibre & Framer Motion for animations
Email Service: Resend
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:

Project Planning: Used gemini to create the entire plan for the website including the design system from scratch, using only one image for the website's aesthetic.
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.
Deploy: Generated the necessary Dockerfile and cloudbuild.yaml configurations to deploy seamlessly to Cloud Run.

What I'm Most Proud Of

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.
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.
Animation: Added small micro-animations like magnetic buttons, a custom animated cursor, and smoother mobile header open/close transitions.

Supaboard: A realtime whiteboard

Amit Kumar Sharma — Thu, 20 Jul 2023 15:29:43 +0000

What I built

Realtime Whiteboard application using Refine, MaterialUI and Supabase. It uses the Refine's Pixels application example.

Category Submission:

Most Technical Impressive
Best Project built using Supabase

App Link

Github:- https://github.com/amit-ksh/supaboard
App Link:- https://refine-supaboard.netlify.app/
Note: Github login not working right now

Screenshots

Description

Supaboard is a realtime whiteboard built using Refine, MaterialUI and Supabase. It is a simple and easy to use tool for creating art or playing Pictionary (a classic party game that requires someone to draw a picture while their teammates try and guess what they're drawing)

Link to Source Code

Github:- https://github.com/amit-ksh/supaboard

Permissive License

MIT License

Background (What made you decide to build this particular app? What inspired you?)

Supaboard is inspired by Refine's Pixels application which helps to create amazing art and share it with your friends easily.
Also, I wanted to learn about MaterialUI and Supabase. I was amazed by how easy to create a complex application within a week, if started from scratch I'm sure took me months to build this. And with the help of Refine, it become easier to create this I spent less than 1 minute building the authentication for this app.

How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)

While building the Supaboard, I utilized the following technologies and gained new skills along the way:

Refine: I leveraged Refine, a powerful framework for creating realtime applications with the help of Supabase and MUI refine module. It also provides different state management, authentication and authorization module for creating the application faster.

MaterialUI**: I used MUI to create a modern and responsive app user interface.

React & Typescript: I used React for developing reusable and modular components and typesafe applications which improves code organization and maintenance.

Supabase: I use Supabase, an open-source platform, to simplify database management and ensure secure and scalable backend infrastructure. And with the help of Refine, it becomes a lot easier to manage the Supabase database

DEV Community: Amit Kumar Sharma