DEV Community

Astha Singh
Astha Singh

Posted on

I Built a Dual-Theme Portfolio Using Antigravity 🚀

This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI

--labels dev-tutorial=devnewyear2026

About Me

Hi đź‘‹
I’m a frontend-focused developer & Ai enthusiast.
With this portfolio, I wanted to move beyond a static résumé and create something that feels alive, cinematic and personal—while still being usable & creative.

**
Portfolio**


🚀 Live Portfolio (Vercel — Google Cloud Run wasn’t free)
👉 https://new-year-new-me-portfolio.vercel.app/

⚠️ Best viewed on desktop for the full animation and interaction experience.

How I Built It

This portfolio was built as a dual-theme experience:

  • Tech OS Mode – clean, white layout
  • Space Void Mode – cinematic, sci-fi, animation-heavy experience

Tech Stack & Tools

  • React (Next.js) + TypeScript
  • GSAP & Framer Motion – animations and transitions
  • Three.js shaders – visual effects
  • Antigravity IDE – planning, iteration and animation debugging
  • Gemini – logic planning, math assistance and optimization
  • Groq API – AI-powered interactions
  • EmailJS – contact system
  • Google Whisk / Flow + royalty-free assets – visual creation
  • Deployed on Vercel

What I’m Most Proud Of

  • A true dual-theme portfolio where switching themes changes the entire experience, not just colors
  • Cinematic, multi-phase transitions instead of traditional loaders
  • Theme-aware SVGs and UI elements for visual consistency

I also came across google whisk & flow and experienced how amazing they are to generate images & videos.

My Github Link- https://github.com/AsthaS822

Thanks!!

Top comments (9)

Collapse
 
shashwat_rajput_df6585e60 profile image
Shashwat Rajput

This project is very insperating to us .
Project is likely very useful for the like fresher by this portfolio we can learn many things
Antigravity's Agents can use browser-in-the-loop iteration and visual feedback to speed up the mindnumbing parts of frontend development, helping you build beau...

Antigravity: The Next Leap in Agent-First Software Development
— At Google, they believe the Integrated Development Environment (IDE) must evolve alongside these advances, and that is exactly why they created Google Antigravi...

Thanks for making such portfolio

Collapse
 
aryan_jaiswal_564e11923ed profile image
Aryan Jaiswal

Great going

Collapse
 
rakesh_chauhan_c6e74cb3ff profile image
Rakesh Chauhan

Amazing work

Collapse
 
annu_verma_8c9a1b14a604c8 profile image
Annu Verma

Outstanding work...keep it up

Collapse
 
little_e02ba505eb25245e01 profile image
Yatharth Singh

amazing work

Collapse
 
tanishq_raghuvanshi_00058 profile image
Tanishq Raghuvanshi

Great work

Collapse
 
aditi_verma_b0ed02a1bc405 profile image
Aditi Verma

Great workk

Collapse
 
annapurna_verma_5c0eb2ece profile image
Annapurna Verma

A very thoughtful application of Ai techno...

Collapse
 
pradipti_singh_7aa20013a5 profile image
Pradipti Singh

Stellar👏