Loading video...

Video Failed to Load

Go Home

"Gemini 2.5 Pro builds a React Movie app with auth in under 8 mins" My demo using Gemini and Cline:

addyosmani's profile picture

Addy Osmani

350,521 subscribers

125,522 views • 1 year ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

11 Comments

Nighttrek's profile picture
Nighttrek1 year ago

@cline Ok new demo unlocked

Addy Osmani's profile picture
Addy Osmani1 year ago

@cline Cline'in everyday 😊

Adam Weiler's profile picture
Adam Weiler1 year ago

Tried everything & your Amazon account or ASIN is still suspended? Contact us now.

Aravind Putrevu's profile picture
Aravind Putrevu1 year ago

@cline What's funny is .. it is a capstone project few years ago on many Udemy Udacity courses 😂

Owain Harris 👈's profile picture
Owain Harris 👈1 year ago

I found a sweet spot with: VSCode nightly MCP Roo Code Rules / instructions MD Gemini 2.5 Pro That being said, nothing can build an actual decent web app for public use, without heavy handholding and fundamental dev / ops knowledge. Great for spinning up small things, static PoC etc.

Gregory Bohus's profile picture
Gregory Bohus1 year ago

@cline Curious why Cline vs Cursor? I'm newish to coding so would love thoughts

Addy Osmani's profile picture
Addy Osmani1 year ago

@cline Here's why I use Cline :)

Aman kumar's profile picture
Aman kumar1 year ago

@cline Impressive demo! Would love to hear more about your experience using Gemini for React app development .

Addy Osmani's profile picture
Addy Osmani1 year ago

@cline I've now fully switched from Sonnet 3.7 => Gemini 2.5 Pro. A lot of improvements make this a very capable model for web development.

Pawan Gangwani's profile picture
Pawan Gangwani1 year ago

@cline Wow

Addy Osmani's profile picture
Addy Osmani1 year ago

@cline 🙏🏼

Related Videos

🎹 Build a music learning app with a single prompt using Gemini 2.5 Pro in Google AI Studio →
1:05

🎹 Build a music learning app with a single prompt using Gemini 2.5 Pro in Google AI Studio →

Google AI Developers

65,632 views • 1 year ago

Gemini 2.5 Pro, our best coding model, is now available to all users! You can find it for free in the Gemini app as well as in Google AI Studio. Gemini Advanced users also now have access to it in Canvas mode. Cursor, @windsurf and Cline also added 2.5 Pro support this week!
0:43

Gemini 2.5 Pro, our best coding model, is now available to all users! You can find it for free in the Gemini app as well as in Google AI Studio. Gemini Advanced users also now have access to it in Canvas mode. Cursor, @windsurf and Cline also added 2.5 Pro support this week!

Addy Osmani

291,324 views • 1 year ago

The pace at which Gemini 2.5 Pro is improving in code is wild! I generally leaned towards using Claude for code, but now I rely more on Gemini 2.5 Pro. It's just that good! Watch me use Gemini-2.5-Pro-05-06 to go from a YT video to an interactive slide deck app in minutes!
8:23

The pace at which Gemini 2.5 Pro is improving in code is wild! I generally leaned towards using Claude for code, but now I rely more on Gemini 2.5 Pro. It's just that good! Watch me use Gemini-2.5-Pro-05-06 to go from a YT video to an interactive slide deck app in minutes!

elvis

81,882 views • 1 year ago

I vibe coded Gemini 95 with Olivier Lacombe, a Windows 95 simulator where every app uses Gemini! ✨ - Paint judges your artwork - Chrome generates full 90s websites - Minesweeper gives AI hints Entirely built by Gemini 2.5 Pro in Cursor Demo + code below to open in AI Studio
0:40

I vibe coded Gemini 95 with Olivier Lacombe, a Windows 95 simulator where every app uses Gemini! ✨ - Paint judges your artwork - Chrome generates full 90s websites - Minesweeper gives AI hints Entirely built by Gemini 2.5 Pro in Cursor Demo + code below to open in AI Studio

Ammaar Reshi

57,997 views • 1 year ago

You can team Gemini 2.5 Pro with OpenAI's o3 model to build beautiful SwiftUI animations. This example prompts Gemini 2.5 Pro to watch an mp4 video of a recorded animation and generate a SwiftUI version. Gemini 2.5 Pro isn't great at fixing SwiftUI errors, so we bring o3 to fix all errors using ChatGPT Chat Bar. I will share the gist in a comment.
1:42

You can team Gemini 2.5 Pro with OpenAI's o3 model to build beautiful SwiftUI animations. This example prompts Gemini 2.5 Pro to watch an mp4 video of a recorded animation and generate a SwiftUI version. Gemini 2.5 Pro isn't great at fixing SwiftUI errors, so we bring o3 to fix all errors using ChatGPT Chat Bar. I will share the gist in a comment.

Amos Gyamfi

18,408 views • 1 year ago

Watch Gemini 2.5 Pro vibe-code a 3D cake visualizer 🎂 Using Three.js, it builds custom animations, UI controls, updates the visuals based on feedback - and even gives price estimates. ↓
1:41

Watch Gemini 2.5 Pro vibe-code a 3D cake visualizer 🎂 Using Three.js, it builds custom animations, UI controls, updates the visuals based on feedback - and even gives price estimates. ↓

Google DeepMind

82,856 views • 1 year ago

My most-used AI tool isn’t ChatGPT, Claude, or Gemini. It’s Sider AI Sider with Gemini 2.5 Pro. These are my top use cases and why I prefer Sider 👇 1/10 Sider AI + Gemini 2.5 Pro is my favorite way to get insights from arXiv papers.
0:22

My most-used AI tool isn’t ChatGPT, Claude, or Gemini. It’s Sider AI Sider with Gemini 2.5 Pro. These are my top use cases and why I prefer Sider 👇 1/10 Sider AI + Gemini 2.5 Pro is my favorite way to get insights from arXiv papers.

AshutoshShrivastava

36,284 views • 1 year ago

Cline v3.13.3 is here with new ways to manage context and costs: - /smol slash command to compress long conversations 🤏 - Gemini 2.5 Pro prompt caching (Cline, OpenRouter) - MCP server download counts - UI tooltips for easier navigation Here's the breakdown ↓
0:35

Cline v3.13.3 is here with new ways to manage context and costs: - /smol slash command to compress long conversations 🤏 - Gemini 2.5 Pro prompt caching (Cline, OpenRouter) - MCP server download counts - UI tooltips for easier navigation Here's the breakdown ↓

Cline

27,415 views • 1 year ago

Model update: Gemini 2.5 Pro is now even better at coding! The new version `gemini-2.5-pro-preview-05-06` is great for building more complex apps with high-quality, visually appealing UI with fewer prompts. Here's a fun personal finance app it built:
0:39

Model update: Gemini 2.5 Pro is now even better at coding! The new version `gemini-2.5-pro-preview-05-06` is great for building more complex apps with high-quality, visually appealing UI with fewer prompts. Here's a fun personal finance app it built:

Patrick Loeber

84,504 views • 1 year ago

I tested Gemini Pro 2.5 as my main coding model for 40+ hours. Here're 2 documents that are working brilliantly well with Gemini. "App flow document + App flowchart." This made my Cursor workflow 10x better. Here's why it is working: ↓
0:34

I tested Gemini Pro 2.5 as my main coding model for 40+ hours. Here're 2 documents that are working brilliantly well with Gemini. "App flow document + App flowchart." This made my Cursor workflow 10x better. Here's why it is working: ↓

CJ Zafir

85,260 views • 1 year ago

GEMINI 3.0 is blowing my mind I asked it to create a "minecraft like coliseum" gemini 2.5 Pro did what was asked, no problem... 1:00 gemini 3.0 went ahead and created a working Minecraft clone (with a coliseum) 🤯
2:55

GEMINI 3.0 is blowing my mind I asked it to create a "minecraft like coliseum" gemini 2.5 Pro did what was asked, no problem... 1:00 gemini 3.0 went ahead and created a working Minecraft clone (with a coliseum) 🤯

Wes Roth

197,233 views • 7 months ago

🚨 Gemini 2.5 + Gamma = effortless productivity hack Pull insights → turn them into clean slides → done in minutes. Gemini 2.5: grab key info + expert takes from across the web Gamma: drop the info in, let AI turn it into pro-looking slides How to use it: 1. Start with Gemini 2.5 Give it a detailed prompt. Ask for structured info with clear takeaways. 2. Paste into | Gamma Copy the output → hit “Create with AI” in Gamma → pick a template → paste → click generate. 3. Done Gamma auto-builds your deck. Formats the slides. Adds visuals that match. Zero effort. Made these slides in under 5 mins using this combo. Looks like hours of work.. wasn’t.
1:21

🚨 Gemini 2.5 + Gamma = effortless productivity hack Pull insights → turn them into clean slides → done in minutes. Gemini 2.5: grab key info + expert takes from across the web Gamma: drop the info in, let AI turn it into pro-looking slides How to use it: 1. Start with Gemini 2.5 Give it a detailed prompt. Ask for structured info with clear takeaways. 2. Paste into | Gamma Copy the output → hit “Create with AI” in Gamma → pick a template → paste → click generate. 3. Done Gamma auto-builds your deck. Formats the slides. Adds visuals that match. Zero effort. Made these slides in under 5 mins using this combo. Looks like hours of work.. wasn’t.

Nelly;

32,952 views • 1 year ago

BREAKING 🚨: Google is rolling out Gemini 2.5 Pro and Deep Search in AI Mode to Pro and Ultra subscribers. Gemini + AI Mode merge soon? 👀
0:24

BREAKING 🚨: Google is rolling out Gemini 2.5 Pro and Deep Search in AI Mode to Pro and Ultra subscribers. Gemini + AI Mode merge soon? 👀

TestingCatalog News 🗞

38,735 views • 11 months ago

This is wild. In just a few hours my friend forked Open AI Codex to work with Gemini 2.5 Pro 🤯
0:50

This is wild. In just a few hours my friend forked Open AI Codex to work with Gemini 2.5 Pro 🤯

Sawyer Hood

314,120 views • 1 year ago

The easiest way to build an MCP Server using Google DeepMind Gemini 2.5 Pro and get started! 1. Use Gitingest to get all the code and docs from the FastMCP repo 2. Download the code into a txt file 3. Go to AI Studio, upload the file, define what kind of MCP Server you want to build 4. Gemini 2.5 Pro builds it for you.
0:40

The easiest way to build an MCP Server using Google DeepMind Gemini 2.5 Pro and get started! 1. Use Gitingest to get all the code and docs from the FastMCP repo 2. Download the code into a txt file 3. Go to AI Studio, upload the file, define what kind of MCP Server you want to build 4. Gemini 2.5 Pro builds it for you.

Philipp Schmid

75,968 views • 1 year ago

5 huge AI agent updates in the last 24 hours: 1. Google just brought Gemini 2.5 Pro to your terminal with 1M context. 100% Opensource with ridiculously free limits. We built a complete Streamlit finance app with sentiment analysis with Gemini CLI in minutes. Zero coding.
0:36

5 huge AI agent updates in the last 24 hours: 1. Google just brought Gemini 2.5 Pro to your terminal with 1M context. 100% Opensource with ridiculously free limits. We built a complete Streamlit finance app with sentiment analysis with Gemini CLI in minutes. Zero coding.

Unwind AI

30,164 views • 1 year ago

Cline v3.18 is LIVE > Gemini CLI provider (1000 free requests/day of 2.5 Pro with your personal Google account) > Optimized Claude 4 support (2x reduction in diff edit failure rates) > WebFetch tool allows Cline to retrieve & summarize web content directly in conversations 🧵
0:20

Cline v3.18 is LIVE > Gemini CLI provider (1000 free requests/day of 2.5 Pro with your personal Google account) > Optimized Claude 4 support (2x reduction in diff edit failure rates) > WebFetch tool allows Cline to retrieve & summarize web content directly in conversations 🧵

Cline

62,383 views • 1 year ago

TCP/IP Packet Simulator with Google DeepMind Gemini 2.5 Pro. Super helpful and gorgeous for both experts and learners. Can't believe I can make such thing ~ 10 mins.
1:18

TCP/IP Packet Simulator with Google DeepMind Gemini 2.5 Pro. Super helpful and gorgeous for both experts and learners. Can't believe I can make such thing ~ 10 mins.

chansung

172,770 views • 1 year ago

Gemini 2.5 Pro MCP Servers: Automate ANYTHING!
15:27

Gemini 2.5 Pro MCP Servers: Automate ANYTHING!

Julian Goldie SEO

198,290 views • 1 year ago

The plot thickens. 🕵️ Use Gemini 2.5 Pro in the Google Gemini to turn random videos from your camera roll into a dramatic narrative. Try it yourself: 1️⃣ Go to Gemini and select “2.5 Pro” from the model dropdown. 2️⃣ Tap the plus icon and upload three videos from your camera roll. (Pro/Ultra subscribers, try using your Veo creations! 🎥) 3️⃣ Ask Gemini to write a short story based on the videos. Here’s our prompt to get you started: “Come up with a premise for an epic adventure based on these videos.”
0:28

The plot thickens. 🕵️ Use Gemini 2.5 Pro in the Google Gemini to turn random videos from your camera roll into a dramatic narrative. Try it yourself: 1️⃣ Go to Gemini and select “2.5 Pro” from the model dropdown. 2️⃣ Tap the plus icon and upload three videos from your camera roll. (Pro/Ultra subscribers, try using your Veo creations! 🎥) 3️⃣ Ask Gemini to write a short story based on the videos. Here’s our prompt to get you started: “Come up with a premise for an epic adventure based on these videos.”

Google

164,396 views • 1 year ago