1920 × 1080 · 60fps · 00:47.5
Download MP4

What will you ship?

A sleek pricing page
Guillermo Rauch
A sleek pricing page |
A flower shop
A SaaS dashboard layout
1 hour ago
Acme Inc
svg
Total Revenue $45,231.89
Subscriptions +2,350
Sales +12,234
Make this element larger, add an element, change colors
Add this component to your project Note: By using this code or product you agree to the pre-release agreement.
>_ npx v0 add KfhD9whj4vi
React
HTML

/**

 * v0 by Vercel.

 * @see https://v0.dev/t/KfhD9whj4vi

 */

import Link from "next/link"

import { Button } from "@/components/ui/button"

import { SheetTrigger, SheetContent, Sheet } from "@/components/ui/sheet"

import { Input } from "@/components/ui/input"

import { DropdownMenuTrigger, DropdownMenu } from "@/components/ui/dropdown-menu"

 

export default function Component() {

  return (

    <div className="grid h-screen min-h-screen w-full lg:grid-cols-[280px_1fr]">

      <div className="hidden border-r bg-zinc-100/40 lg:block dark:bg-zinc-800/40">

        <div className="flex flex-col gap-2">

          <Link className="flex items-center gap-2 font-semibold" href="#">

            <svg className="h-6 w-6 text-blue-600" />

          </Link>

        </div>

      </div>

    </div>

  )

}

Make the text larger...
Click & Edit
Stealth Mode Who can view this generation?
Public Anyone with a link can see this.
Private Only you can see this.
A SaaS dashboard layout
A SaaS analytics dashboard layout
A sleek pricing page for a SaaS.
A cookie consent banner
Hero section with an email input
A FAQ section
A note taking app
A table of financial invoices
A toolbar for a wysiwyg editor
A dashboard for a saas app
Vercel toolbar clone
A news website
v0.dev
Vercel
00:00.0 / 00:47.5
Scene 1: v0 Wireframe Logo