BlogsVercelv0 AI-powered UI generation

v0 AI-powered UI generation

v0 AI-powered UI generation

15
posts
2023–2026

v0 is expanding its offerings for teams with new Team and Enterprise plans. These plans include features like SSO, data training opt-outs for Enterprise, and enhanced collaboration tools such as custom instructions for v0 responses within Projects and the ability to add custom data sources (PDFs, TXT, code files) for tailored generations. This aims to help teams ship faster by leveraging v0 for technical support, code generation, debugging, migrations, writing tests, product planning, prototypin. The new v0 API provides programmatic, headless access to v0's app-building agent, allowing users to send prompts and receive generated apps, start dev servers in Vercel Sandbox, and obtain preview URLs. It supports streaming work, embedding apps, and integrating with existing codebases, design systems, and agent frameworks. The API also facilitates connecting to Vercel projects for deployment and offers migration paths from previous API versions.

2026

Introducing the new v0 API

8/5/2026

Introduces the new v0 API for programmatic, headless access to v0's app-building agent. Key features include creating chats from prompts, streaming work updates via `parts`, supporting sync/async/streaming responses, creating chats from repositories, rendering dev server previews via proxy routes, integrating custom tools and design systems as skills, and using v0 from agents via MCP, AI SDK, or eve. It also enables connecting chats to Vercel projects for deployment and provides a migration guide from v1 to v2.

2025

Cutting delivery times in half with v0 | Customers | Vercel

8/12/2025

This post details how Ready.net uses v0 to reduce ambiguity in feature requirements, accelerate feedback loops, and achieve a 50% decrease in time to market and a 30% increase in personal productivity. It emphasizes v0's role in turning vague requirements into working prototypes quickly, facilitating faster feedback and handoffs, and enabling teams to do more without adding headcount. The post also positions v0 as an end-to-end solution for design from requirement validation to production-ready UI.

Build your own AI app builder with the v0 Platform API

7/23/2025

Introduces the v0 Platform API, a REST interface that provides programmatic access to v0's full code generation lifecycle (prompt -> project -> code files -> deployment). It exposes endpoints for natural language app generation, incorporating user context (source code, git, shadcn registry), and managing Vercel projects and deployments. A v0 SDK (TypeScript) is provided to simplify API interaction. The post highlights use cases such as website builders, bots, and plugins, and points to a Next.js template for demonstration.

WPP and Vercel: Bringing AI to the creative process

6/24/2025

This post announces an expansion of the partnership with WPP, bringing v0 and AI SDK directly to WPP's global network of creative teams and their clients. It highlights how these tools enable creatives to design, prototype, test, and deploy digital experiences and agents with new velocity, reducing ideation and iteration cycles from weeks to hours. WPP internal pilots show up to 25% faster digital production times. The post also mentions case studies of VML North America, AKQA, and Ogilvy leveraging Next.js and Vercel for improved digital experiences, and details a joint commitment to invest in new product development and integrations within WPP Open. It also references a hackathon event focused on AI Generative CX.

Introducing the v0 composite model family

6/1/2025

Introduces the composite model architecture for v0, combining RAG, LLMs, and a custom streaming post-processing model for improved code generation quality. Details the pre-processing steps, the use of state-of-the-art base models (including upgrades like Sonnet 3.7 to Sonnet 4), and the custom AutoFix model (`vercel-autofixer-01`) trained with RFT for faster and more reliable error correction. Presents performance benchmarks comparing v0 models against base models and other LLMs, highlighting `v0-1.5-lg`'s strength in specialized reasoning and larger context windows. Discusses future plans for model improvements and new model classes.

Updated v0 pricing

5/13/2025

Updated v0 pricing model to be based on input and output tokens instead of fixed message counts. Introduced monthly credits for free, premium, and team plans. Added the ability to purchase additional credits and track usage in project settings.

How v0 is building SEO-optimized sites by default

5/2/2025

This post details how v0 generates SEO-optimized sites by default by leveraging Next.js features like Server Side Rendering (SSR), native image and font optimization, smart JavaScript bundling, and prefetching. It also highlights the automatic inclusion of SEO-friendly metadata (title, meta description, Open Graph, Twitter Cards, JSON-LD) and the generation of mobile-first, responsive, and accessible components. The integration with Vercel's infrastructure ensures performance and reliability, with built-in analytics for monitoring SEO signals.

Bridging the gap between design and code with v0 | Customers | Vercel

2/12/2025

This post details how Speakeasy uses v0 to bridge the workflow from design to code, leveraging Figma import and custom Tailwind configurations to accelerate rapid prototyping and reduce implementation time. The team uses v0 as a dynamic design descriptor for sharing interactive prototypes and demonstrating feature behavior, with concepts often designed directly in v0. The initial concept for the Terminal Preview in the Speakeasy dashboard was created in a single day using v0, allowing the team to focus on refining interactivity and user experience. Speakeasy also utilizes v0's custom Tailwind configuration to build and style components according to their design system, with font weights and colors defined and used within v0. The team shares Loom recordings of v0 prototypes to communicate design ideas effectively, replacing lengthy Slack discussions and meetings.

Working with Figma and custom design systems in v0

1/27/2025

This post introduces best practices for integrating Figma designs and custom design systems with v0. It outlines strategies for breaking down Figma designs into manageable components for better AI processing, recommends an iterative approach to UI generation, and explains how to leverage shadcn/ui and custom Tailwind configurations to align v0's output with existing design systems. It also highlights the ability to use public npm packages like Material UI and React Aria within v0 projects.

Transforming how you work with v0

1/10/2025

This post expands on the capabilities of v0, detailing its application for developers in debugging, implementing new features, providing code suggestions, and migrating to new framework versions. It also outlines how v0 can assist content creators and marketers with full-stack app generation, content drafting, keyword research, and A/B testing collaboration. For designers, v0's utility in rapid prototyping, generating code from visual inputs, enhancing accessibility, and creating interactive components is described. The post also details v0's use for data engineering and analysis, including learning SQL, writing queries, generating visualizations, and creating dashboards. Project managers can leverage v0 for planning, user research, feedback forms, and templating. Educators can use v0 for lesson planning, exercises, course materials, and visual explanations. Finally, customer support can utilize v0 for chatbots, knowledge bases, and feedback forms.

2024

Maximizing outputs with v0: From UI generation to code creation

10/23/2024

This post details prompt engineering best practices for v0, focusing on how to craft effective prompts for UI generation, code creation, and developer support. It highlights v0's strengths in integrating with third-party libraries (e.g., react-three-fiber, framer-motion), fetching data, handling fonts and styling, generating 3D graphics, and integrating with Next.js. It also covers technical planning, such as generating migration plans and architecture diagrams, and provides frontend development support for React, Next.js, and other languages like Python and Rust. The post emphasizes the importance of detailed prompts for tailored responses and mentions the ability to add custom data sources (PDFs, TXT, code files) as Sources for Projects.

Eval-driven development: Build better AI faster

10/17/2024

Introduces eval-driven development as a new testing paradigm for AI and probabilistic systems, detailing code-based, human, and LLM-based grading methods. Explains the shift from deterministic to probabilistic systems and the AI-native flywheel. Uses Vercel's v0 as a practical example, highlighting its eval strategy including refusal and safety evals, and code-based quality checks.

v0 plans for teams are here

10/15/2024

Introduces v0 Team and v0 Enterprise plans, focusing on team collaboration and security. Key features include SSO, opt-out of data training for Enterprise, custom instructions for v0 within Projects, and the ability to add custom data sources (PDFs, TXT, code files) for tailored generations. These plans aim to accelerate team workflows for code generation, debugging, and prototyping.

Add 3D to your web projects with v0 and React Three Fiber

10/10/2024

This post introduces the integration of React Three Fiber (R3F) with v0, enabling AI-powered generation of 3D web scenes. It provides step-by-step guidance and example prompts for creating 3D scenes, defining shapes, applying meshes and materials, importing GLB files, configuring cameras and lighting, enhancing scenes with environment maps and postprocessing, and adding user controls. The post highlights how v0 can be used to generate interactive 3D elements for web projects.

2023

Announcing v0: Generative UI

10/11/2023

This post announces the transition of v0 from Alpha to Beta, introduces subscription plans (Free, Basic, Standard, Premium) with credit-based generation costs, and outlines future features like custom design system support, theming, image-to-code transformation, and enhanced security/access controls. It highlights user examples of building initial product versions and pricing pages with v0.