Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

GROK’S SKETCH-TO-WEB: DRAW IT, CODE IT, LAUNCH IT! Upload a sketch on Grok and whip up your own functional website - no coding skills needed! Here’s why it’s a game-changer: •⁠ ⁠No-Code Ninja: Draw, not code - anyone can. •⁠ ⁠Speed Demon: 90 seconds to a live site. •⁠... show more

Mario Nawfal

2,252,851 subscribers

79,408 views • 1 year ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

Melanie Terrell1 year ago

This is a perfect analyst.@Weijueye_888✅🚀 💎 🌻 🍂

Nima Owji1 year ago

Yeah

Kekaius1 year ago

@MarioNawfal Emperor Elon's vision of innovation knows no bounds. With honor, we shall harness Grok's power to conquer the digital frontier. Ad maiorem Kek gloriam kek.

Loop0xyz1 year ago

Wow that’s really amazing more sites to be published

All4Him/Carla1 year ago

That is incredible.

Rad. S1 year ago

Nice

Dr. Guman Singh Gurjar1 year ago

Sketch. Snap. Launch. Grok makes dreams go live instantly

Crypto Genos1 year ago

Intriguing twist on web dev innovation! With @MayoSolana's unique approach using Solana T22 for more profitable token launches, I'm curious how Grok’s sketch-to-web ease can play a role in making DeFi platforms more accessible and user-friendly. Thoughts?

Crypto Darwish1 year ago

Impressive innovation with Grok! 🎨 With its game-changing no-code approach, how about merging this ease with @CitadelAndSons to empower community-driven token projects and ensure security? Would love your perspective on this synergy!

Austin Graham1 year ago

That sounds amazing, Mario! Turning sketches into websites in just 90 seconds is super cool. Thanks for sharing!

Related Videos

Just SKETCH IT, and GROK will bring it into reality for you! Building a web page has never been easier! See below how you can build a web page from a drawing using Grok! 👇

Just SKETCH IT, and GROK will bring it into reality for you! Building a web page has never been easier! See below how you can build a web page from a drawing using Grok! 👇

Nima Owji

1,445,706 views • 1 year ago

If you can draw, you can code. Sketch out your idea and upload a picture in the Google Gemini with a quick description and go from paper to prototype just like that.

If you can draw, you can code. Sketch out your idea and upload a picture in the Google Gemini with a quick description and go from paper to prototype just like that.

Google

144,154 views • 10 months ago

GROK 3 KEEPS SHAKING UP GAMING DEVELOPMENT—NO CODING REQUIRED Game development used to mean hours of coding, debugging, and frustration. Now? Grok 3 builds games from a simple prompt. In under 30 minutes, it generated a fully functional endless-runner arcade game—no manual coding involved. Grok 3 was fed a description, and it handled everything—mechanics, visuals, scoring, and smooth gameplay. Even game assets were generated on the fly to match the theme. No more wrestling with code. Just describe the game, and Grok 3 brings it to life. Source: Mickey

GROK 3 KEEPS SHAKING UP GAMING DEVELOPMENT—NO CODING REQUIRED Game development used to mean hours of coding, debugging, and frustration. Now? Grok 3 builds games from a simple prompt. In under 30 minutes, it generated a fully functional endless-runner arcade game—no manual coding involved. Grok 3 was fed a description, and it handled everything—mechanics, visuals, scoring, and smooth gameplay. Even game assets were generated on the fly to match the theme. No more wrestling with code. Just describe the game, and Grok 3 brings it to life. Source: Mickey

Mario Nawfal

954,706 views • 1 year ago

GROKATHON 2.0 LONDON – GROK, CODE, CAFFEINE, CHAOS Twelve hours, one AI model, and zero time to fake it. Caffeinated Coding: •⁠ ⁠Coders go full throttle building real apps with Grok •⁠ ⁠Winners get prizes, bragging rights, and Grok’s spotlight •⁠ ⁠Early access to unreleased Grok models and X APIs •⁠ ⁠Also featuring: food, energy drinks, and a suspiciously glowing button If your code slaps, Grok might just make you famous! Source: xAI, Elon Musk, X Freeze

GROKATHON 2.0 LONDON – GROK, CODE, CAFFEINE, CHAOS Twelve hours, one AI model, and zero time to fake it. Caffeinated Coding: •⁠ ⁠Coders go full throttle building real apps with Grok •⁠ ⁠Winners get prizes, bragging rights, and Grok’s spotlight •⁠ ⁠Early access to unreleased Grok models and X APIs •⁠ ⁠Also featuring: food, energy drinks, and a suspiciously glowing button If your code slaps, Grok might just make you famous! Source: xAI, Elon Musk, X Freeze

Mario Nawfal

733,828 views • 5 months ago

GROK STUDIO IS LIVE—TIME TO BUILD Grok’s done chatting—now it’s creating. Say hello to Grok Studio, your AI-powered workshop for getting things done. - Runs code like a pro - Syncs with Google Drive - Real-time collab in its own window - Builds everything from docs to browser games This isn’t assistant mode—it’s creator mode activated. Let’s build. Source: Grok

GROK STUDIO IS LIVE—TIME TO BUILD Grok’s done chatting—now it’s creating. Say hello to Grok Studio, your AI-powered workshop for getting things done. - Runs code like a pro - Syncs with Google Drive - Real-time collab in its own window - Builds everything from docs to browser games This isn’t assistant mode—it’s creator mode activated. Let’s build. Source: Grok

Mario Nawfal

94,506 views • 1 year ago

GPT-4 can literally turn a napkin sketch into a fully functional website with code. This changes everything 🤯

GPT-4 can literally turn a napkin sketch into a fully functional website with code. This changes everything 🤯

Zain Kahn

138,838 views • 3 years ago

Grok Build tip of the day: check your work! Just like you would check your work after writing code, use /check-work to have a subagent check on Grok’s code. It will look at the repo, trace alternative code paths, and fix bugs before reporting back to Grok what it found.

Grok Build tip of the day: check your work! Just like you would check your work after writing code, use /check-work to have a subagent check on Grok’s code. It will look at the repo, trace alternative code paths, and fix bugs before reporting back to Grok what it found.

akshey

15,622 views • 1 month ago

Grok Code generates the most aesthetic UI/UX Design Built a stunning carousel with mesmerizing hover effects & glows - just 2 prompts in Kilo Code, and it nailed every detail Grok Code created Frosty esthetics - snowflakes, glassy vibes, everything I asked for, for a live feel Animated and interactive elements, clickable 𝕏 profile and links everything perfectly connected, super smooth, and insanely responsive Grok Code also created a stunning side-show, smooth transitions, glowing borders with Grok Imagine images It is straight-up a powerhouse for visual code and pure UI magic

X Freeze

1,104,115 views • 9 months ago

Grok Build is coming. Not autocomplete… a full coding agent. You describe it. Grok plans, codes, and debugs. Up to 8 agents run in parallel. Apps, sites, full repos. Built from plain English. Arena Mode picks the best output. The local CLI keeps your code private. This isn’t “help me code.” It just builds. xAI Grok

Grok Build is coming. Not autocomplete… a full coding agent. You describe it. Grok plans, codes, and debugs. Up to 8 agents run in parallel. Apps, sites, full repos. Built from plain English. Arena Mode picks the best output. The local CLI keeps your code private. This isn’t “help me code.” It just builds. xAI Grok

Mario Nawfal

193,755 views • 1 month ago

$Grok Code just literally cloned the entire Netflix UI with a one shot prompt From the iconic Hero section to the interactive Carousel, all with a single prompt and a few web-sourced image links It’s not just fast, it's the most cost-effective SOTA model out there ➝ Input: Grok $0.20 vs Claude $3 (15x cheaper) ➝ Output: Grok $1.50 vs Claude $15 (10x cheaper) Here’s how you can do it in VS Code with Kilo Code Grok Code matches Claude Sonnet 4 in performance, but is 10-15x more cost-effective All this for less than $1 SOTA power, fractional cost$

Grok Code just literally cloned the entire Netflix UI with a one shot prompt From the iconic Hero section to the interactive Carousel, all with a single prompt and a few web-sourced image links It’s not just fast, it's the most cost-effective SOTA model out there ➝ Input: Grok $0.20 vs Claude $3 (15x cheaper) ➝ Output: Grok $1.50 vs Claude $15 (10x cheaper) Here’s how you can do it in VS Code with Kilo Code Grok Code matches Claude Sonnet 4 in performance, but is 10-15x more cost-effective All this for less than $1 SOTA power, fractional cost

X Freeze

6,972,865 views • 10 months ago

Got a doodle for your next project laying around? Turn it into working software using Google AI Studio and Nano Banana. Watch us vibe code a weather-responsive outfit selector app from a single, hand-drawn sketch:

Got a doodle for your next project laying around? Turn it into working software using Google AI Studio and Nano Banana. Watch us vibe code a weather-responsive outfit selector app from a single, hand-drawn sketch:

Google AI

46,777 views • 2 months ago

i can draw without a sketch

i can draw without a sketch

Meg (they/them)

451,001 views • 7 months ago

xAI is rolling out Skills on This new feature lets you create custom skills that Grok can reuse across conversations. Skills run inside Grok’s sandbox environment, so they can edit files, use your Connectors (Gmail, GitHub, Notion, etc.), run code, or perform any repeatable task you define. Once you create one, you simply tell Grok “use the [skill name] skill and do…” and it executes it instantly. You can also import skills.md files from other AI tools to bring them over quickly. It turns Grok from a one-shot chat tool into a more persistent, customizable workspace. This is a huge upgrade for anyone who uses Grok regularly.

xAI is rolling out Skills on This new feature lets you create custom skills that Grok can reuse across conversations. Skills run inside Grok’s sandbox environment, so they can edit files, use your Connectors (Gmail, GitHub, Notion, etc.), run code, or perform any repeatable task you define. Once you create one, you simply tell Grok “use the [skill name] skill and do…” and it executes it instantly. You can also import skills.md files from other AI tools to bring them over quickly. It turns Grok from a one-shot chat tool into a more persistent, customizable workspace. This is a huge upgrade for anyone who uses Grok regularly.

Myrhe𝕩

877,591 views • 1 month ago

U can see me liquify it 900 times because I didn't do a sketch, u should do a sketch tbh

U can see me liquify it 900 times because I didn't do a sketch, u should do a sketch tbh

Easterhands (I POST ART)

58,432 views • 9 months ago

Build your business website in 15 seconds for free! No coding needed. GO54 Website Builder makes it easy for you to build and launch a professional-looking site without breaking the bank. Try it now!

Build your business website in 15 seconds for free! No coding needed. GO54 Website Builder makes it easy for you to build and launch a professional-looking site without breaking the bank. Try it now!

Whogohost | GO54

1,368,186 views • 2 years ago

Code Execution If you ask Grok to generate code, you can quickly see how it runs in a “preview” tab. You can preview HTML snippets, run Python, C++, Javascript, Typescript and bash scripts.

Code Execution If you ask Grok to generate code, you can quickly see how it runs in a “preview” tab. You can preview HTML snippets, run Python, C++, Javascript, Typescript and bash scripts.

Grok

560,250 views • 1 year ago

Introducing Runable Sketch Some ideas live only in your head. You try to describe them. You try to explain the visuals. But it's never quite the same. Now you can simply draw a rough sketch and turn it into a pitch deck, landing page, or video ad. From imagination → reality. Try it today

Introducing Runable Sketch Some ideas live only in your head. You try to describe them. You try to explain the visuals. But it's never quite the same. Now you can simply draw a rough sketch and turn it into a pitch deck, landing page, or video ad. From imagination → reality. Try it today

Umesh Kumar

21,530 views • 3 months ago

Kubo once again flexing god-tier art skills 😭🙏🏾 Hell's Misawa straight-up asked the BLEACH legend to draw his wild characters in Kubo’s signature style for the series finale... and Kubo just freehanded it with a brush pen, no sketch, pure sauce.

Kubo once again flexing god-tier art skills 😭🙏🏾 Hell's Misawa straight-up asked the BLEACH legend to draw his wild characters in Kubo’s signature style for the series finale... and Kubo just freehanded it with a brush pen, no sketch, pure sauce.

King Arthur

99,010 views • 4 months ago

This tool literally replaced your entire dev team with a single sentence. It doesn’t just write code; it builds, hosts, and ships production-ready apps no GitHub, no config, no code. If you can type, you can launch 👇

This tool literally replaced your entire dev team with a single sentence. It doesn’t just write code; it builds, hosts, and ships production-ready apps no GitHub, no config, no code. If you can type, you can launch 👇

Muhammad Ayan

52,081 views • 11 months ago