PLAY VIDEO ON SCROLL - Google Antigravity Website (No code)
15K views · 2026-03-24
UI Design
❤️ LIMITED TIME: Get *1 Year* of GravityWrite at $97 🔥
👉 Visit ➜ https://gravitywrite.com/
🎬 *To Know More* ➜ https://youtu.be/nX4GtNjIa7I
🖼️ *Antigravity* ➜ https://antigravity.google/
🔥 *Flow* ➜ https://labs.google/flow/about
❤️ *Video Input Prompt* ➜ https://docs.google.com/document/d/12ZXsiy4v_Mpn_aJQ_TBjLHC0bY83lLrcESOMAErloKw/copy
✍️ *Ezgif* ➜ https://ezgif.com/
❤️ LIMITED TIME: Get *1 Year* of GravityWrite at $97 🔥
👉 Visit ➜ https://gravitywrite.com/
✨ *AI Social media post creator* ➜ https://social.gravitywrite.com
📌 *Get New Video Updates* ➜ https://www.whatsapp.com/channel/0029VaAYBig7IUYaC6vcu53s
🎬 *Table of Contents*
00:00 Intro
00:27 Install Antigravity
00:54 Create Project In Antigravity
01:19 Create a Product Video
05:18 Convert the Video Into Frames
06:27 Add Frame Into Project Folder
06:57 Create the Animation Website
🎯Want to build a stunning animated product website in minutes without spending hours coding or designing?
In this video, you’ll learn how to use AI and modern tools to quickly create a smooth, high-quality animation-based product site from scratch.
Here’s what you’ll learn 👇
✅ How to install and set up Antigravity
✅ How to create a new project inside Antigravity
✅ How to generate a product video using AI
✅ How to convert your video into image frames
✅ How to organize and add frames into your project folder
✅ How to build a fully animated website using those frames
✅ How to achieve smooth, scroll-based animations for a premium feel
By the end of this video, you’ll have a complete workflow to create an animated product website in just 10 minutes using AI tools perfect for portfolios, product showcases, and landing pages.
#AIWebDesign #AnimatedWebsite #WebDevelopment #Antigravity #AITools #FrontendDevelopment #WebAnimation #ProductDesign #NoCode #AIWorkflow #CreativeCoding #UIDesign
🎁 *Tools & Discounts*
🟡 📋 GravityWrite | https://wl.tools/gravitywrite
🟡 📊 WebSpaceKit | 50% off | https://wl.tools/webspacekit
🟡 🔍 Grammarly｜20% off｜https://wl.coupons/Grammarly
🟡 📈 Mangools｜10% off｜https://wl.coupons/mangools
🟡 🖼️ Astra｜10% off Coupon: WLDiscount｜https://wl.coupons/Astra
🟡 📹 Pictory.ai | 20% off, Coupon: WLPROMO | https://wl.tools/pictory.ai
🙌 *Officially*
*We’re Hiring* https://websitelearners.com/careers/
Want your website developed by us? Email us your requirements to contact@websitelearners.com
💬 *Follow &Chat with us*
*Instagram* ➜ https://www.instagram.com/websitelearners
*Facebook* ➜ https://www.facebook.com/websitelearners
*LinkedIn* ➜ https://www.linkedin.com/company/website-learners
👉 Visit ➜ https://gravitywrite.com/
🎬 *To Know More* ➜ https://youtu.be/nX4GtNjIa7I
🖼️ *Antigravity* ➜ https://antigravity.google/
🔥 *Flow* ➜ https://labs.google/flow/about
❤️ *Video Input Prompt* ➜ https://docs.google.com/document/d/12ZXsiy4v_Mpn_aJQ_TBjLHC0bY83lLrcESOMAErloKw/copy
✍️ *Ezgif* ➜ https://ezgif.com/
❤️ LIMITED TIME: Get *1 Year* of GravityWrite at $97 🔥
👉 Visit ➜ https://gravitywrite.com/
✨ *AI Social media post creator* ➜ https://social.gravitywrite.com
📌 *Get New Video Updates* ➜ https://www.whatsapp.com/channel/0029VaAYBig7IUYaC6vcu53s
🎬 *Table of Contents*
00:00 Intro
00:27 Install Antigravity
00:54 Create Project In Antigravity
01:19 Create a Product Video
05:18 Convert the Video Into Frames
06:27 Add Frame Into Project Folder
06:57 Create the Animation Website
🎯Want to build a stunning animated product website in minutes without spending hours coding or designing?
In this video, you’ll learn how to use AI and modern tools to quickly create a smooth, high-quality animation-based product site from scratch.
Here’s what you’ll learn 👇
✅ How to install and set up Antigravity
✅ How to create a new project inside Antigravity
✅ How to generate a product video using AI
✅ How to convert your video into image frames
✅ How to organize and add frames into your project folder
✅ How to build a fully animated website using those frames
✅ How to achieve smooth, scroll-based animations for a premium feel
By the end of this video, you’ll have a complete workflow to create an animated product website in just 10 minutes using AI tools perfect for portfolios, product showcases, and landing pages.
#AIWebDesign #AnimatedWebsite #WebDevelopment #Antigravity #AITools #FrontendDevelopment #WebAnimation #ProductDesign #NoCode #AIWorkflow #CreativeCoding #UIDesign
🎁 *Tools & Discounts*
🟡 📋 GravityWrite | https://wl.tools/gravitywrite
🟡 📊 WebSpaceKit | 50% off | https://wl.tools/webspacekit
🟡 🔍 Grammarly｜20% off｜https://wl.coupons/Grammarly
🟡 📈 Mangools｜10% off｜https://wl.coupons/mangools
🟡 🖼️ Astra｜10% off Coupon: WLDiscount｜https://wl.coupons/Astra
🟡 📹 Pictory.ai | 20% off, Coupon: WLPROMO | https://wl.tools/pictory.ai
🙌 *Officially*
*We’re Hiring* https://websitelearners.com/careers/
Want your website developed by us? Email us your requirements to contact@websitelearners.com
💬 *Follow &Chat with us*
*Instagram* ➜ https://www.instagram.com/websitelearners
*Facebook* ➜ https://www.facebook.com/websitelearners
*LinkedIn* ➜ https://www.linkedin.com/company/website-learners