💡

Generative UI Examples - Gemini Dynamic View, Vercel AI SDK और v0

Gemini Dynamic View, Google Search AI Mode, Vercel AI SDK, v0, Claude Artifacts, Figma Make, Canva Code और Amazon Rufus के real-world Generative UI examples देखें।

12 items
💡Examples

Google Stitch: Real-Time AI-Native UI Design

Google Labs का Stitch केवल chat-based coding demo नहीं, बल्कि design-time GenUI का एक मजबूत case है। 19 मई 2026 के official update में Google ने Stitch को live collaborative design system बताया, जहां agent UI work को सीधे infinite canvas पर stream करता है, users iteration पूरा होने से पहले उसे दिशा दे सकते हैं, और तैयार screens को production की ओर export किया जा सकता है।

googlestitchdesign-tool
लेखक Google Labs · 2026-05
Site खोलें
💡Examples

Google Gemini 3 - Dynamic View और Visual Layout

Google ने Gemini 3 में Generative UI features लागू किए हैं, जिन्हें आंतरिक रूप से "Dynamic View" और "Visual Layout" experiments कहा गया है। Google के official blog के अनुसार, Gemini 3 AI Mode user queries के आधार पर तुरंत immersive visual layouts, interactive tools और simulations generate कर सकता है। Dynamic View हर prompt के लिए पूरी तरह custom interactive response को design और code करने देता है, जबकि Visual Layout magazine-style immersive multimedia interfaces बनाता है।

googlegeminidynamic-view
लेखक Google · 2025-11
Site खोलें
💡Examples

Google Search AI Mode

Search में Gemini 3 के launch के साथ AI Mode में Generative UI experiences जोड़े गए हैं। Google Search team के अनुसार, Search में Gemini 3 interactive tools और simulations के साथ उपयुक्त visual layouts dynamically बना सकता है और interface को user के सवाल के अनुसार ढालता है। उदाहरण के लिए, किसी जटिल concept को search करने पर users को केवल text answer ही नहीं, बल्कि dynamic charts या simulation tools भी दिख सकते हैं—जैसे real-time में बदलने वाले parameters वाला calculator।

googlesearchai-mode
लेखक Google · 2025-11
Site खोलें
💡Examples

OpenAI Apps SDK: ChatGPT के अंदर Interactive Apps

OpenAI का अक्टूबर 2025 Apps SDK launch Generative UI का एक mainstream case है, क्योंकि apps अब सीधे ChatGPT conversations के अंदर चलते हैं। Official announcement में ऐसे apps बताए गए हैं जो natural language का जवाब देते हुए chat के भीतर maps, playlists, presentations, courses, shopping और travel जैसे interactive interfaces render करते हैं। SDK, MCP को extend करता है ताकि developers app logic और interface दोनों define कर सकें। इसलिए यह उन conversational products के लिए एक ठोस reference है जिन्हें users को दूसरे app पर भेजने वाले links के बजाय native-feeling UI चाहिए।

openaichatgptapps-sdk
लेखक OpenAI · 2025-10
Site खोलें
💡Examples

Claude Artifacts: Shareable AI-Powered Apps

Anthropic का जुलाई 2025 Claude Artifacts update artifact panel को एक lightweight app surface में बदलता है। Claude ऐसे artifacts बना सकता है जो API के जरिए Claude को call करें, उन्हें host करें और shareable बनाएं, जबकि end users अपने Claude accounts से authenticate करते हैं। यह उपयोगी case है क्योंकि generated UI केवल chat के पास दिखने वाला one-off preview नहीं रहता, बल्कि persistent, editable और दूसरे लोगों के उपयोग योग्य बन जाता है।

anthropicclaudeartifacts
लेखक Anthropic · 2025-07
Site खोलें
💡Examples

Figma Make: Prompt-to-App Prototyping

Figma Make जुलाई 2025 में सभी users के लिए उपलब्ध हुआ और Generative UI के सबसे स्पष्ट design-tool cases में से एक है। Figma इसे interactive, high-fidelity prototypes और web apps बनाने वाला prompt-to-app tool बताता है, जिसमें imported design libraries और Supabase-connected prototypes जैसे नए supports भी हैं। यह case collection में इसलिए शामिल है क्योंकि यह GenUI को product discovery, alignment और design-engineering collaboration की शुरुआती stages तक ले जाता है।

figmafigma-makeprompt-to-app
लेखक Figma · 2025-07
Site खोलें
💡Examples

Canva Code: Prompt से बने Interactive Design Elements

Canva Code, Generative UI का एक मजबूत creator-platform case है। Canva Create 2025 में Canva ने ऐसा workflow पेश किया, जहां users pricing calculator, quiz या mini-game जैसे interactive element का वर्णन करते हैं और AI उसे सीधे Canva के अंदर बनाता है। Generated element को बाद में designs, websites, presentations, docs और दूसरे Canva surfaces पर reuse किया जा सकता है, जिससे everyday creative work में non-developers भी GenUI का उपयोग कर पाते हैं।

canvacanva-codeinteractive-design
लेखक Canva · 2025-04
Site खोलें
💡Examples

Amazon Rufus - Conversational Shopping Assistant

Amazon ने conversational shopping assistant "Rufus" launch किया, जो conversation के जरिए सीधे intent-based interfaces—जैसे product recommendation cards और filter options—generate करता है। यह traditional keyword search model से आगे जाता है।

amazonrufuse-commerce
लेखक Amazon · 2024-02
Site खोलें
💡Examples

v0 by Vercel

Vercel का v0.dev (2023 से beta में) छोटे text prompts को interactive frontend prototypes में बदल सकता है। यह text descriptions या images से React/Tailwind UI components generate करता है और text-to-UI generation की संभावनाओं को दिखाता है।

vercelcode-generationreact
लेखक Vercel · 2023-10
Site खोलें
💡Examples

GitHub Spark: Natural-Language Full-Stack Apps

GitHub Spark, GitHub ecosystem के अंदर prompt-to-app generation का public-preview case है। यह users को ideas को full-stack intelligent apps में बदलने, natural language, clickable controls या code से iterate करने, build के दौरान live previews देखने और GitHub-backed hosting पर one click में publish करने में मदद करता है। Generative UI के लिए Spark खास है, क्योंकि यह AI-generated UI को auth, repo handoff और production workflow context वाले deployable mini app का हिस्सा मानता है।

githubsparkfull-stack
लेखक GitHub
Site खोलें
💡Examples

Vercel AI SDK - Generative UI

Vercel AI SDK, LLMs से React components stream करने देता है, जिससे AI real-time में interactive UI components generate कर सकता है।

vercelreactstreaming
लेखक Vercel
Site खोलें
💡Examples

bracesproul/gen-ui - LangChain.js Generative UI Demo

LangChain.js और Next.js से बना एक open-source demo project, जो दिखाता है कि Generative UI applications जल्दी कैसे बनाई जा सकती हैं। Project description के अनुसार, यह app LangChain.js का उपयोग करके Generative UI applications बनाने के लिए template देता है।

langchainnextjsopen-source
लेखक bracesproul
Site खोलें

Generative UI resources का curated संग्रह।

बनाया गया ❤️ community द्वारा