TypeUI logoTypeUI

Use TypeUI with v0

Follow this guide to connect v0 to TypeUI while it generates UI in your chat or project.

Open v0

Open the v0 chat or project where you want to generate or improve UI.

Add TypeUI to v0

Open the Connect tab or MCP Connections settings, then click Add MCP.

Copy the TypeUI MCP server URL:

Server URL
https://mcp.typeui.sh/mcp

Use:

  • Name: TypeUI
  • Server URL: https://mcp.typeui.sh/mcp
  • Authentication: OAuth

Authorize TypeUI when v0 starts the connection flow.

Choose a theme

Browse the Design Skills page to compare available themes.

Paper theme previewPaperBento theme previewBentoEnterprise theme previewEnterpriseNeobrutalism theme previewNeobrutalismClean theme previewCleanMono theme previewMonoGlassmorphism theme previewGlassmorphismMinimal theme previewMinimalVibrant theme previewVibrantPremium theme previewPremium

After you choose a theme, ask v0 to use it:

I like the Bento style. Let's use it.

Start generating UI

Use TypeUI to help me build a SaaS dashboard.

Tell v0 what to generate. TypeUI helps it choose the right style and layout.

Review and refine

Preview the result and ask v0 for targeted improvements:

I don't like this pricing section, give me more variations.

TypeUI will now create three pricing variations so you can compare different layouts before choosing one.

Three pricing cards prompt preview
TypeUITypeUIPro

After you choose a direction, tell v0 which one to use:

I like the comparison one. Let's use it.

Once v0 is connected to TypeUI, you can keep working in the same flow: choose a theme, ask for the interface you need, review the generated variations, and tell v0 which direction to continue with.

ReplitDesign Skills